Crème de la Crème
#f3e7b4
Creamy neutral chartreuse for soft, high-visibility UI
About Crème de la Crème
Crème de la Crème is what happens when you strip away the yellow commitment that Banana Mania still clings to. It's noticeably less saturated, almost neutral until you realize the warmth is there, but it's not the directional heat of Candle in the Wind or the pale restraint of Bleached Sunflower. This one's softer. Quieter. The kind of color that disappears into the background by design, not accident.
Reach for it on editorial layouts, luxury brand sites, and high-end product pages where restraint reads as confidence. Works well in fintech and SaaS when you want "approachable" without "warm." It pairs beautifully with deep charcoal or muted sage, the contrast doesn't shout, it just clarifies. Unlike its cousins, this doesn't need darker neighbors to prove it's there. It knows what it is.
The catch: it can flatten against off-white backgrounds, so test it before you commit. But against true white or paired with real color elsewhere on the page, it settles in like it was always supposed to be there.
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.
Similar colors
Create a gradient with Crème de la Crème
Open the generator with this color pre-loaded.
Start creating