Candy Corn
#fcfc5d
Soft golden yellow-gray with buttery warmth
About Candy Corn
Candy Corn reads softer than it actually is. It's got the yellow backbone that Canary and Big Yellow Taxi wear on the outside, but this one wraps it in enough lightness that it feels almost apologetic, which is exactly why it works where the others would feel like overkill. It's pale enough to recede but saturated enough to matter, the kind of color that sneaks into a layout and makes things look intentional without screaming.
You'll land it on product dashboards, fintech apps, and long-form interfaces where warmth matters but fatigue is the real enemy. Email clients, documentation sites, design tools you're staring at all day. It's lighter than Banana so it doesn't flatten against cool grays, but it's got none of Canary's aggression. Against Big Yellow Taxi, it's the smaller, less confident sibling, less presence, more restraint. Pair it with dark text and imagery holds clean. Pair it with warm grays and it disappears into the family in a good way.
The catch: it can read cheap if you're not careful. Keep it away from stark white backgrounds where it'll look like a placeholder. Warm contexts make it sing.
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.