Beurre Blanc
#ede1be
Brighter, cooler beurre blanc green for airy UI
About Beurre Blanc
Beurre Blanc is the palest thing in this family, and that matters. It's so light it almost reads neutral until you put it next to actual off-white, then you see the pale yellow undertone that keeps it from feeling cold. It's got less warmth than Creamy Vanilla or Butter Up, but it's not trying to disappear the way Cloud of Cream does. This one sits in a narrower band: soft without being shy.
You'll land on it for high-contrast layouts where you need a warm cream that won't fight your dark type or deep accents. Think editorial spreads, luxury product pages, SaaS interfaces where restraint matters. It works especially well when your design leans minimal, the color's quiet enough that it doesn't demand neighbors, but structured enough that it doesn't dissolve into the background. It's the one I reach for when Creamy Vanilla feels too obvious and Cloud of Cream feels too cautious.
Watch it next to true whites: the warmth will declare itself. But against anything with real depth, charcoal, forest, deep navy, it holds its ground cleanly without the golden pull you'll get from Butter Up.
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.