Cereal Flake
#efd7ab
Dusty cereal beige green for soft highlights
About Cereal Flake
Cereal Flake reads flatter and cooler than Brilliant Gold, even though they're neighbors, there's less yellow pigment doing the heavy lifting, which means it won't announce itself the way that one does. It's a pale cream that actually leans slightly toward beige underneath, the kind of color that sits quietly on the page without asking you to build around it.
Reach for this on light SaaS interfaces, publishing layouts, and product backgrounds where you need warmth that doesn't compete with content or type. It works harder than Butter Muffin in that it's slightly more saturated, giving it just enough presence to read as intentional rather than accidental. Against charcoal text or deep accents, it grounds without demanding attention. Food and lifestyle apps, editorial sites, dashboard backgrounds, anywhere you want cream temperature without the gold.
The thing: it's pale enough that it needs contrast to prove it's there, but less ethereal than Butter Muffin, so it won't disappear next to true white the same way. Pair it with cooler neutrals and it anchors. Pair it with warmer imagery and it recedes, which is exactly what you want most of the time.
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.