Vanilla (F9EECB) — 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 #F9EECB

RGB rgb(249, 238, 203)

HSL hsl(46°, 79%, 89%)

CMYK C:0% M:4% Y:18% K:2%

Luminance 0.8599

WCAG Accessibility

On white 1.16:1

Aa — #F9EECB

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 18.12:1

Aa — #F9EECB

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F9EECB #CDD7F9

Analogous

#F9D9CD #F9EECB #EDF9CD

Triadic

#F9EECB #CDF9EF #EFCDF9

Split-comp.

#F9EECB #CDEDF9 #D9CDF9

Tetradic

#F9EECB #CDF9D9 #CDD7F9 #F9CDED

Monochromatic

#D3AB27 #E6CD79 #F6EDD0 #FEFDFB #FFFFFF

Suggested palettes for this hue.

Gradient Sunset View all →

Dragonfruit View all →

Pastel Spring View all →