Cauliflower
#ebe5d0
Brighter gray-beige veil for airy layouts
About Cauliflower
Cauliflower reads lighter and softer than Calcium Rock, almost bleached out next to it. There's warmth here, but it's muted, no cream shouting at you, no gray asserting itself. It's the kind of color that disappears into the background until you actually need it to hold something.
Use it in editorial layouts, product packaging, and light-mode interfaces where you want the content to sit forward without the background fighting back. Unlike Coconut Milk, it won't anchor quite as hard; unlike Blanco, it won't read cool or institutional. It's closer to pure off-white than any of its grayer siblings, which means it works best when your palette is already light and you need something that won't introduce temperature problems.
Pair it with warm blacks and it stays calm. Push saturated color into it and watch the background recede completely, that's exactly the job it's built for.
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.