What are the hex codes in the Lemon Vanilla & Sky Blue palette?

The Lemon Vanilla & Sky Blue color palette consists of Beige #FAF4DE, Vanilla #F1E1A5, Sky Blue #88C2D7, Charcoal #314757.

How should I use the Lemon Vanilla & Sky Blue palette on a website?

Use Beige #FAF4DE as the background, Charcoal #314757 for text, Vanilla #F1E1A5 for buttons and links, and Sky Blue #88C2D7 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Beige on Charcoal at 8.79:1.

Which colors in Lemon Vanilla & Sky Blue have enough contrast for text?

The highest-contrast pair is #FAF4DE on #314757 with a ratio of 8.79:1, which passes WCAG AA for normal text.

#FAF4DEBeige

#F1E1A5Vanilla

#88C2D7Sky Blue

#314757Charcoal

Lemon Vanilla & Sky Blue color palette

Summer Muted White Beige Blue

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Beige	`#FAF4DE`	`rgb(250, 244, 222)`	`hsl(47, 74%, 93%)`	`oklch(96.6% 0.030 94)`
Vanilla	`#F1E1A5`	`rgb(241, 225, 165)`	`hsl(47, 73%, 80%)`	`oklch(90.9% 0.079 95)`
Sky Blue	`#88C2D7`	`rgb(136, 194, 215)`	`hsl(196, 50%, 69%)`	`oklch(78.2% 0.067 223)`
Charcoal	`#314757`	`rgb(49, 71, 87)`	`hsl(205, 28%, 27%)`	`oklch(38.7% 0.039 241)`

Why it works and how to use it

Lemon Vanilla & Sky Blue is a complementary color palette tagged summer, muted, white. Beige and Charcoal sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Vanilla takes the lead while the rest support. Lightness runs from 27% to 93%. Well suited to websites, presentations and branding.

Background: Beige (#FAF4DE) is the lightest color, so it belongs on large surfaces.
Text: Charcoal (#314757) on #FAF4DE gives 8.79:1, passing WCAG AAA.
Primary: Vanilla (#F1E1A5) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Sky Blue (#88C2D7) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Beige on Charcoal at 8.79:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Lemon Vanilla & Sky Blue

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#FAF4DE

#F1E1A5

#88C2D7

#314757

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#FAF4DE` on `#314757`	Aa	8.79:1	AAA
`#F1E1A5` on `#314757`	Aa	7.4:1	AAA
`#88C2D7` on `#314757`	Aa	4.95:1	AA
`#FAF4DE` on `#88C2D7`	Aa	1.77:1	Fail
`#F1E1A5` on `#88C2D7`	Aa	1.49:1	Fail
`#FAF4DE` on `#F1E1A5`	Aa	1.19:1	Fail

Similar palettes 24 more in this mood