Vanilla (FCEAC5) — Shades, Harmonies, Palettes, CSS Code

"Vanilla"

Pastel · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Vanilla pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #FCEAC5

RGB rgb(252, 234, 197)

HSL hsl(40°, 90%, 88%)

CMYK C:0% M:7% Y:22% K:1%

Luminance 0.84

WCAG Accessibility

On white 1.19:1

Aa — #FCEAC5

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 17.71:1

Aa — #FCEAC5

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#FCEAC5 #C5D7FC

Analogous

#FCCEC5 #FCEAC5 #F3FCC5

Triadic

#FCEAC5 #C5FCEA #EAC5FC

Split-comp.

#FCEAC5 #C5F3FC #CEC5FC

Tetradic

#FCEAC5 #C5FCCE #C5D7FC #FCC5F3

Monochromatic

#DC9B18 #EFC36C #F9E9C8 #FEFBF6 #FFFFFF

Suggested palettes for this hue.

Dragonfruit View all →

Pearl Zen View all →

Pastel Spring View all →