Cloisonné to Poodle Skirt Color Palette

About this palette

Cloisonné to Poodle Skirt is a 5-color vibrant, cool palette: #0072B2 (Cloisonné), #039533 (Green Revolution), #00B1BA (Teal Me No Lies), #FF74AE (Dream Setting), #FFACB7 (Poodle Skirt). It mixes blue, green, turquoise, pink tones and feels cool overall. The strongest text pairing is #0072B2 on #FFACB7 with a contrast ratio of 2.92:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cloisonné	rgb(0, 114, 178)	hsl(202, 100%, 35%)
Green Revolution	rgb(3, 149, 51)	hsl(140, 96%, 30%)
Teal Me No Lies	rgb(0, 177, 186)	hsl(183, 100%, 36%)
Dream Setting	rgb(255, 116, 174)	hsl(335, 100%, 73%)
Poodle Skirt	rgb(255, 172, 183)	hsl(352, 100%, 84%)

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.

Color blindness preview

CSS variables

/* Cloisonné to Poodle Skirt — https://swatchly.xyz/palette/0072b2-039533-00b1ba-ff74ae-ffacb7 */
:root {
  --cloisonn: #0072b2;
  --green-revolution: #039533;
  --teal-me-no-lies: #00b1ba;
  --dream-setting: #ff74ae;
  --poodle-skirt: #ffacb7;
}

Tailwind CSS v4

/* Cloisonné to Poodle Skirt — https://swatchly.xyz/palette/0072b2-039533-00b1ba-ff74ae-ffacb7 */
@theme {
  --color-cloisonn: #0072b2;
  --color-cloisonn-50: #edf7ff;
  --color-cloisonn-100: #dbeeff;
  --color-cloisonn-200: #b5ddff;
  --color-cloisonn-300: #86c9ff;
  --color-cloisonn-400: #55aaeb;
  --color-cloisonn-500: #318dcf;
  --color-cloisonn-600: #0072b2;
  --color-cloisonn-700: #005a8f;
  --color-cloisonn-800: #004671;
  --color-cloisonn-900: #003658;
  --color-cloisonn-950: #002139;
  --color-green-revolution: #039533;
  --color-green-revolution-50: #d9ffdb;
  --color-green-revolution-100: #b5fcbb;
  --color-green-revolution-200: #94ea9c;
  --color-green-revolution-300: #6fd37c;
  --color-green-revolution-400: #3eb353;
  --color-green-revolution-500: #039533;
  --color-green-revolution-600: #007827;
  --color-green-revolution-700: #00601d;
  --color-green-revolution-800: #004c15;
  --color-green-revolution-900: #003b0f;
  --color-green-revolution-950: #002607;
  --color-teal-me-no-lies: #00b1ba;
  --color-teal-me-no-lies-50: #d3fcff;
  --color-teal-me-no-lies-100: #acf8fd;
  --color-teal-me-no-lies-200: #88e6ec;
  --color-teal-me-no-lies-300: #5fd0d7;
  --color-teal-me-no-lies-400: #00b1ba;
  --color-teal-me-no-lies-500: #00939b;
  --color-teal-me-no-lies-600: #00777d;
  --color-teal-me-no-lies-700: #005f64;
  --color-teal-me-no-lies-800: #004b4f;
  --color-teal-me-no-lies-900: #003a3d;
  --color-teal-me-no-lies-950: #002527;
  --color-dream-setting: #ff74ae;
  --color-dream-setting-50: #fff6f9;
  --color-dream-setting-100: #ffeaf0;
  --color-dream-setting-200: #ffcfdf;
  --color-dream-setting-300: #ffadcb;
  --color-dream-setting-400: #ff74ae;
  --color-dream-setting-500: #dd5691;
  --color-dream-setting-600: #bc3774;
  --color-dream-setting-700: #9b1e5c;
  --color-dream-setting-800: #7d0947;
  --color-dream-setting-900: #630036;
  --color-dream-setting-950: #3f0021;
  --color-poodle-skirt: #ffacb7;
  --color-poodle-skirt-50: #fff5f6;
  --color-poodle-skirt-100: #ffe9eb;
  --color-poodle-skirt-200: #ffced3;
  --color-poodle-skirt-300: #ffacb7;
  --color-poodle-skirt-400: #d98d98;
  --color-poodle-skirt-500: #bd707b;
  --color-poodle-skirt-600: #9e5561;
  --color-poodle-skirt-700: #813f4a;
  --color-poodle-skirt-800: #682e38;
  --color-poodle-skirt-900: #51212a;
  --color-poodle-skirt-950: #351219;
}