Cereal Flake

#efd7ab

Dusty cereal beige green for soft highlights

Save
Share

About Cereal Flake

Cereal Flake reads flatter and cooler than , 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 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 , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.40:1Fail

On Gray 100 #f5f5f5

Aa
1.29:1Fail

On Gray 900 #18181b

Aa
12.64:1AAA

On Black #000000

Aa
14.98:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Cereal Flake

Open the generator with this color pre-loaded.

Start creating