Cameo
#f2debc
Warm muted green-beige for softer, calmer sections
About Cameo
Cameo is what happens when you pull back on both the warmth and the saturation at the same time. It's paler than Belgian Waffle, cooler than Butter Up, and it sits just slightly warmer than Cloud of Cream, but the real difference is how much less yellow is actually doing the work. This is restraint that doesn't read as timidity.
You'll land on it for editorial sites, light product backgrounds, and publishing platforms where you need something that feels intentional but won't compete with your content. It works on SaaS interfaces, recipe sites, and anywhere a pure cream feels too cool and Butter Up feels like overkill. Against charcoal type or forest green accents, it anchors without asserting, which means it disappears the moment you need it to.
The quirk: next to true white it'll show you its warmth. Next to grays it tips toward beige. But pair it with depth, dark imagery, rich typography, anything with actual tone, and it settles in like it was always meant to be there. It works harder than it looks.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.