Pink Parfait to Wood Bark color palette

FFDCD2Pink Parfait 72BFD0Skydive 66865FClouded Pine 69496EYour Majesty 37221BWood Bark

About this palette

Pink Parfait to Wood Bark is a 5-color muted, cool, vintage palette: #FFDCD2 (Pink Parfait), #72BFD0 (Skydive), #66865F (Clouded Pine), #69496E (Your Majesty), #37221B (Wood Bark). It mixes pink, turquoise, green, purple, brown tones and feels cool overall. The strongest text pairing is #FFDCD2 on #37221B with a contrast ratio of 11.67:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pink Parfait	rgb(255, 220, 210)	hsl(13, 100%, 91%)
Skydive	rgb(114, 191, 208)	hsl(191, 50%, 63%)
Clouded Pine	rgb(102, 134, 95)	hsl(109, 17%, 45%)
Your Majesty	rgb(105, 73, 110)	hsl(292, 20%, 36%)
Wood Bark	rgb(55, 34, 27)	hsl(15, 34%, 16%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Aa11.67:1 Very good#FFDCD2 on #37221B
Aa11.67:1 Very good#37221B on #FFDCD2
Aa7.16:1 Very good#72BFD0 on #37221B
Aa7.16:1 Very good#37221B on #72BFD0
Aa5.91:1 Good#FFDCD2 on #69496E
Aa5.91:1 Good#69496E on #FFDCD2
Aa3.65:1 Poor#66865F on #37221B
Aa3.65:1 Poor#37221B on #66865F

Color blindness preview

CSS variables

/* Pink Parfait to Wood Bark — https://swatchly.xyz/palette/ffdcd2-72bfd0-66865f-69496e-37221b */
:root {
  --pink-parfait: #ffdcd2;
  --skydive: #72bfd0;
  --clouded-pine: #66865f;
  --your-majesty: #69496e;
  --wood-bark: #37221b;
}

Tailwind CSS v4

/* Pink Parfait to Wood Bark — https://swatchly.xyz/palette/ffdcd2-72bfd0-66865f-69496e-37221b */
@theme {
  --color-pink-parfait: #ffdcd2;
  --color-pink-parfait-50: #ffebe5;
  --color-pink-parfait-100: #ffdcd2;
  --color-pink-parfait-200: #e6ccc4;
  --color-pink-parfait-300: #d3b5ad;
  --color-pink-parfait-400: #b6968d;
  --color-pink-parfait-500: #9b7c73;
  --color-pink-parfait-600: #80635b;
  --color-pink-parfait-700: #694e46;
  --color-pink-parfait-800: #533c35;
  --color-pink-parfait-900: #412d28;
  --color-pink-parfait-950: #291b17;
  --color-skydive: #72bfd0;
  --color-skydive-50: #ccf5ff;
  --color-skydive-100: #b7ebf7;
  --color-skydive-200: #99d6e4;
  --color-skydive-300: #72bfd0;
  --color-skydive-400: #56a2b2;
  --color-skydive-500: #3a8999;
  --color-skydive-600: #21707f;
  --color-skydive-700: #0b5b69;
  --color-skydive-800: #004955;
  --color-skydive-900: #003a44;
  --color-skydive-950: #00242b;
  --color-clouded-pine: #66865f;
  --color-clouded-pine-50: #e6fae2;
  --color-clouded-pine-100: #d8efd3;
  --color-clouded-pine-200: #c0dbba;
  --color-clouded-pine-300: #a5c49f;
  --color-clouded-pine-400: #83a37c;
  --color-clouded-pine-500: #66865f;
  --color-clouded-pine-600: #4f6d48;
  --color-clouded-pine-700: #3c5736;
  --color-clouded-pine-800: #2e4528;
  --color-clouded-pine-900: #22361e;
  --color-clouded-pine-950: #142211;
  --color-your-majesty: #69496e;
  --color-your-majesty-50: #fdf0ff;
  --color-your-majesty-100: #fae2fd;
  --color-your-majesty-200: #e9cded;
  --color-your-majesty-300: #d4b5d9;
  --color-your-majesty-400: #b795bc;
  --color-your-majesty-500: #9b79a1;
  --color-your-majesty-600: #805f85;
  --color-your-majesty-700: #69496e;
  --color-your-majesty-800: #523856;
  --color-your-majesty-900: #402a44;
  --color-your-majesty-950: #29192b;
  --color-wood-bark: #37221b;
  --color-wood-bark-50: #fff2ee;
  --color-wood-bark-100: #f9e7e1;
  --color-wood-bark-200: #e8d2cb;
  --color-wood-bark-300: #d3bbb3;
  --color-wood-bark-400: #b59b92;
  --color-wood-bark-500: #9b8179;
  --color-wood-bark-600: #826961;
  --color-wood-bark-700: #6b544d;
  --color-wood-bark-800: #58433d;
  --color-wood-bark-900: #483630;
  --color-wood-bark-950: #37221b;
}