What HEX colors are in the Apricot Shell Set palette?

The Apricot Shell Set palette uses #F599C5, #E1BAF3, #9CD4F2, #F8F1A0. Its highest-contrast pair is 1.76:1.

Is the Apricot Shell Set palette accessible for text?

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

#F599C5

#E1BAF3

#9CD4F2

#F8F1A0

Apricot Shell Set

Apricot Shell Set is a balanced warm and cool soft contrast palette built with pink, purple, blue, yellow tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#F599C5

Pink

#E1BAF3

Purple

#9CD4F2

Blue

#F8F1A0

Yellow

MoodLight feelingAiry tones that keep a page open and relaxed.

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

Main tonespink, purple, blueThe 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

Apricot Shell spring board Pink social template Purple calm product page Balanced warm and cool skincare label Pastel palettes Buttercup Rain Air

Pairing tips

Background

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

Text and headings

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

Accent color

Use #9CD4F2 for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #F599C5;
  --palette-color-2: #E1BAF3;
  --palette-color-3: #9CD4F2;
  --palette-color-4: #F8F1A0;
}

Apricot Shell 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
#F599C5	Plum	55 RGB pts	0.462	331°
#E1BAF3	Thistle	49 RGB pts	0.576	281°
#9CD4F2	Light Blue	33 RGB pts	0.606	201°
#F8F1A0	Pale Golden Rod	29 RGB pts	0.854	55°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#F599C5 on #F8F1A0	1.76:1	fail	fail
#E1BAF3 on #F8F1A0	1.44:1	fail	fail
#9CD4F2 on #F8F1A0	1.38:1	fail	fail
#F599C5 on #9CD4F2	1.28:1	fail	fail
#F599C5 on #E1BAF3	1.22:1	fail	fail
#E1BAF3 on #9CD4F2	1.05:1	fail	fail

What this means in practice

Highest contrast: #F599C5 against #F8F1A0 at 1.76:1 — the safest pair here for body copy.
Lowest contrast: #E1BAF3 against #9CD4F2 at 1.05:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #F599C5 (Plum, luminance 0.462) — the natural choice for headings.
Lightest colour: #F8F1A0 (Pale Golden Rod, luminance 0.854) — best used for backgrounds.
Hue spread: 214° across 4 of 4 colours, which makes this a broad multicolour palette.
Text recommendation: set type in #F599C5 on a #F8F1A0 background, and reserve #E1BAF3 for borders, icons or accents.

FAQ

What type of palette is Apricot Shell Set?

It is a balanced warm and cool soft contrast color palette with pink, purple, blue, yellow 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.