What HEX colors are in the Vanilla Light Bloom palette?

The Vanilla Light Bloom palette uses #99EAB4, #BFCBED, #DA95CE, #F3E3CE. Its highest-contrast pair is 1.82:1.

Is the Vanilla Light Bloom palette accessible for text?

Use #99EAB4 on #BFCBED for the strongest contrast. Always check the WCAG ratio before setting body copy.

#99EAB4

#BFCBED

#DA95CE

#F3E3CE

Vanilla Light Bloom

Vanilla Light Bloom is a cool soft contrast palette built with green, blue, violet pink, orange tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#99EAB4

Green

#BFCBED

Blue

#DA95CE

Violet pink

#F3E3CE

Orange

MoodSoft moodGentle colors made for calm and friendly layouts.

ContrastSoft contrastHelps decide how to use text, buttons, and backgrounds.

Main tonesgreen, blue, violet pinkThe strongest color families in this palette.

Best fitSoft brandsWellness, skincare, stationery, and calm UI.

Related Palettes

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Cobalt Vista Fountain

0 Link Copy⬇ Image

1 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

1 Link Copy⬇ Image

0 Link Copy⬇ Image

Bluebell Mood Horizon

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Use this palette for

Vanilla Light social template Green calm product page Blue skincare label Cool soft background Pastel palettes Cool Vanilla Light tones

Pairing tips

Background

Use #F3E3CE for soft sections, cards, or open space.

Text and headings

Use #BFCBED or a deeper nearby shade for readable type.

Accent color

Use #DA95CE for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #99EAB4;
  --palette-color-2: #BFCBED;
  --palette-color-3: #DA95CE;
  --palette-color-4: #F3E3CE;
}

Vanilla Light Bloom colour names and contrast

Every value on this page is calculated from this palette's own HEX codes. The closest CSS named colour tells you what to call each shade, relative luminance shows how light or dark it truly is, and the contrast table shows which pairs are safe to set text in.

Swatch reference

Swatch	Closest named colour	Match	Luminance	Hue
#99EAB4	Pale Green	59 RGB pts	0.689	140°
#BFCBED	Light Steel Blue	36 RGB pts	0.599	224°
#DA95CE	Plum	34 RGB pts	0.409	310°
#F3E3CE	Blanched Almond	23 RGB pts	0.784	34°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#DA95CE on #F3E3CE	1.82:1	fail	fail
#99EAB4 on #DA95CE	1.61:1	fail	fail
#BFCBED on #DA95CE	1.42:1	fail	fail
#BFCBED on #F3E3CE	1.29:1	fail	fail
#99EAB4 on #BFCBED	1.14:1	fail	fail
#99EAB4 on #F3E3CE	1.13:1	fail	fail

What this means in practice

Highest contrast: #DA95CE against #F3E3CE at 1.82:1 — the safest pair here for body copy.
Lowest contrast: #99EAB4 against #F3E3CE at 1.13:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #DA95CE (Plum, luminance 0.409) — the natural choice for headings.
Lightest colour: #F3E3CE (Blanched Almond, luminance 0.784) — best used for backgrounds.
Hue spread: 254° across 4 of 4 colours, which makes this a broad multicolour palette.
Text recommendation: set type in #DA95CE on a #F3E3CE background, and reserve #99EAB4 for borders, icons or accents.

FAQ

What type of palette is Vanilla Light Bloom?

It is a cool soft contrast color palette with green, blue, violet pink, orange tones.

Can this palette work for websites?

Yes. Use the lightest color for backgrounds, deeper colors for text, and mid tones for buttons or accents. Check the contrast table above before setting body copy.

Can I copy the HEX colors?

Yes. Use the copy buttons for the full palette or for a single color row.