What HEX colors are in the Feather Petal Set palette?

The Feather Petal Set palette uses #F6CAD1, #F5D6B7, #F8F1D8, #E0CAEC. Its highest-contrast pair is 1.34:1.

Is the Feather Petal Set palette accessible for text?

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

#F6CAD1

#F5D6B7

#F8F1D8

#E0CAEC

Feather Petal Set

Feather Petal Set is a warm soft contrast palette built with 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

#F6CAD1

Red

#F5D6B7

Orange

#F8F1D8

Orange

#E0CAEC

Purple

MoodSoft moodGentle colors made for calm and friendly layouts.

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

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

Feather Petal candy packaging Red baby shower card Orange gentle app UI Warm spring board Pastel palettes Warm Feather Petal accents

Pairing tips

Background

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

Text and headings

Use #F5D6B7 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: #F6CAD1;
  --palette-color-2: #F5D6B7;
  --palette-color-3: #F8F1D8;
  --palette-color-4: #E0CAEC;
}

Feather Petal Set 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
#F6CAD1	Pink	26 RGB pts	0.664	350°
#F5D6B7	Peach Puff	17 RGB pts	0.709	30°
#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
#F6CAD1 on #F8F1D8	1.30:1	fail	fail
#F5D6B7 on #F8F1D8	1.22:1	fail	fail
#F5D6B7 on #E0CAEC	1.10:1	fail	fail
#F6CAD1 on #F5D6B7	1.06:1	fail	fail
#F6CAD1 on #E0CAEC	1.03: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: #F6CAD1 against #E0CAEC at 1.03: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 #F6CAD1 for borders, icons or accents.

FAQ

What type of palette is Feather Petal Set?

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