Candle in the Wind
#f9ebbf
Warm candlelight yellow-green for soft highlights and labels
About Candle in the Wind
Candle in the Wind sits at that awkward middle point where it's still noticeably warm but stops short of Chess Ivory's peachy depth. It's got more yellow than Clotted Cream and less saturation than Banana Split, which means it reads as genuinely warm without tipping into that rich, touched-by-color feeling. It's the color that still feels like a background, not like something that's been tinted.
You'll land here for light interfaces that need warmth without personality: dashboards, productivity apps, SaaS onboarding flows, financial platforms where restraint matters. It works on editorial layouts too, especially when you need something warmer than true cream but can't justify Chess Ivory's richer depth. Pair it with charcoal or deep olive and it gains just enough definition to feel intentional. Against very pale grays it can flatten fast, so always test the contrast before shipping.
The thing: it's the compromise color in this family. Not neutral enough to disappear like Clotted Cream, not warm enough to announce itself like Chess Ivory. That middle ground is exactly why it works, it feels chosen without demanding attention.
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 Candle in the Wind
Open the generator with this color pre-loaded.
Start creating