Color Palettes

Vanilla color

Think vanilla ice cream: a sweet, yellowish white. It's warm and inviting. It shows up in bakeries, kitchens and spring clothing.

Also known as: vanilla cream.

Vanilla · #F3E5AB

About vanilla

Vanilla (#F3E5AB) is a warm, light, highly saturated color. It belongs to the whites family. It mixes 243 red, 229 green and 171 blue (out of 255). It is mostly used in baking, home decor, fashion.

Vanilla shades and tints

From lightest to darkest. Tap a shade to copy its code.

Vanilla color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Pastel lilac
AnalogousClose to: Apricot
TriadicClose to: Pastel turquoise, Mauve
Split complementaryClose to: Light blue, Wisteria
TetradicClose to: Aquamarine, Pastel lilac, Wisteria

Vanilla color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Vanilla
Analogous palette · Vanilla
Complementary palette · Vanilla
Triadic palette · Vanilla
With neutrals palette · Vanilla
With an accent palette · Vanilla

Vanilla contrast with text

White textContrast 1.3:1 · Not recommended
Black textContrast 16.6:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --vanilla: #F3E5AB;
  --vanilla-rgb: 243, 229, 171;
}
.bg { background-color: var(--vanilla); }
.text { color: var(--vanilla); }

Colors similar to vanilla

WheatCreamChampagnePearlSandPeachBeigeApricotNudeEcru

Themed palettes with this color

Baptism color palettesBirthday color palettesFirst Communion color palettesPresentation color palettesBakery and pastry shop color palettesKids' room color palettes

More whites

WhiteIvoryCreamBoneOff-whiteSnow whitePearlAlabasterLinenWhite smokeEggshellAntique whiteEcru

Frequently asked questions

What is the hex code for vanilla?

The hex code for vanilla is #F3E5AB. In RGB it is rgb(243, 229, 171), in HSL hsl(48, 75%, 81%) and in CMYK 0, 6, 30, 5.

What is the complementary color of vanilla?

Its complement on the color wheel is #ABB9F3, close to pastel lilac. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on vanilla?

Use black text instead: the contrast with white is only 1.3:1, while with black it is 16.6:1.