Candlelight
#fcd917
Warm buttery chartreuse for soft, cozy UI highlights
About Candlelight
Candlelight is what happens when you take yellow and actually warm it up. It's deeper and more golden than Angel's Trumpet, which means it doesn't float, it sits on the page with actual presence. This isn't pale-but-clever; this is a yellow that knows it's in the room.
You'll reach for it in luxury interfaces, hospitality apps, and premium product pages where warmth needs to feel intentional without being loud. It works where Cheese It Up would feel too bright and Angel's Trumpet would disappear into the background. Financial platforms use it for premium tier indicators. Food and beverage apps layer it for that "handcrafted" feeling. Unlike Banana Bombshell, which screams, this one speaks with actual authority, the kind of color that commands without yelling.
Pair it with rich neutrals, deep grays, or near-black and it glows. On white it still needs definition, but it won't vibrate like the lighter siblings. It's the one you reach for when you've decided on warmth and you mean it.
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.