What HEX colors are in the Citrus Mist Tone palette?

The Citrus Mist Tone palette uses #F6CACD, #F5CEB7, #F8F1D8, #E0CAEC. Its highest-contrast pair is 1.34:1.

Is the Citrus Mist Tone palette accessible for text?

Use #F6CACD on #F5CEB7 for the strongest contrast. Always check the WCAG ratio before setting body copy.

#F6CACD

#F5CEB7

#F8F1D8

#E0CAEC

Citrus Mist Tone

Citrus Mist Tone is a warm soft contrast palette built with red, orange red, orange, purple tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#F6CACD

Red

#F5CEB7

Orange red

#F8F1D8

Orange

#E0CAEC

Purple

MoodLight feelingAiry tones that keep a page open and relaxed.

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

Main tonesred, orange red, orangeThe 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

Citrus Mist stationery set Red wellness page Orange red candy packaging Warm baby shower card Pastel palettes Warm Citrus Mist accents

Pairing tips

Background

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

Text and headings

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

Accent color

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

CSS variables

:root {
  --palette-color-1: #F6CACD;
  --palette-color-2: #F5CEB7;
  --palette-color-3: #F8F1D8;
  --palette-color-4: #E0CAEC;
}

Citrus Mist Tone 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
#F6CACD	Pink	24 RGB pts	0.662	356°
#F5CEB7	Peach Puff	28 RGB pts	0.670	22°
#F8F1D8	Beige	11 RGB pts	0.878	47°
#E0CAEC	Thistle	43 RGB pts	0.641	279°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#F8F1D8 on #E0CAEC	1.34:1	fail	fail
#F6CACD on #F8F1D8	1.30:1	fail	fail
#F5CEB7 on #F8F1D8	1.29:1	fail	fail
#F5CEB7 on #E0CAEC	1.04:1	fail	fail
#F6CACD on #E0CAEC	1.03:1	fail	fail
#F6CACD on #F5CEB7	1.01:1	fail	fail

What this means in practice

Highest contrast: #F8F1D8 against #E0CAEC at 1.34:1 — the safest pair here for body copy.
Lowest contrast: #F6CACD against #F5CEB7 at 1.01:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #E0CAEC (Thistle, luminance 0.641) — the natural choice for headings.
Lightest colour: #F8F1D8 (Beige, luminance 0.878) — best used for backgrounds.
Hue spread: 128° across 4 of 4 colours, which makes this a broad multicolour palette.
Text recommendation: set type in #F8F1D8 on a #E0CAEC background, and reserve #F6CACD for borders, icons or accents.

FAQ

What type of palette is Citrus Mist Tone?

It is a warm soft contrast color palette with red, orange red, orange, purple 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.