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

RGB rgb(242, 226, 173)

HSL hsl(46°, 73%, 81%)

CMYK C:0% M:7% Y:29% K:5%

Luminance 0.7686

WCAG Accessibility

On white 1.29:1

Aa — #F2E2AD

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 16.26:1

Aa — #F2E2AD

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F2E2AD #ABBCF2

Analogous

#F2BEAB #F2E2AD #DFF2AB

Triadic

#F2E2AD #ABF2E1 #E1ABF2

Split-comp.

#F2E2AD #ABDFF2 #BEABF2

Tetradic

#F2E2AD #ABF2BE #ABBCF2 #F2ABDF

Monochromatic

#AA8C27 #DABD5D #EDDFB0 #F7F0DA #FFFFFF

Suggested palettes for this hue.

Northern Lights View all →

Amazon View all →

Provence Lavender View all →