Candy Corn

#fcfc5d

Soft golden yellow-gray with buttery warmth

Save
Share

About Candy Corn

Candy Corn reads softer than it actually is. It's got the yellow backbone that and 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 so it doesn't flatten against cool grays, but it's got none of 's aggression. Against , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.09:1Fail

On Gray 100 #f5f5f5

Aa
1.00:1Fail

On Gray 900 #18181b

Aa
16.22:1AAA

On Black #000000

Aa
19.22:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#fdff63
#f8f753
#ffff77

Create a gradient with Candy Corn

Open the generator with this color pre-loaded.

Start creating