Poodle Skirt to Pristine Oceanic color palette

FFADB3Poodle Skirt 961F36French Winery 007970Emperor Jade 009A9DJava 4B001CWhat We Do in the Shadows 00CDBBPristine Oceanic

Open in generator Export PNG, PDF, ASE…

About this palette

Poodle Skirt to Pristine Oceanic is a 6-color palette: #FFADB3 (Poodle Skirt), #961F36 (French Winery), #007970 (Emperor Jade), #009A9D (Java), #4B001C (What We Do in the Shadows), #00CDBB (Pristine Oceanic). It mixes pink, red, turquoise tones and feels balanced overall. The strongest text pairing is #FFADB3 on #4B001C with a contrast ratio of 9.03:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Poodle Skirt	rgb(255, 173, 179)	hsl(356, 100%, 84%)
French Winery	rgb(150, 31, 54)	hsl(348, 66%, 35%)
Emperor Jade	rgb(0, 121, 112)	hsl(176, 100%, 24%)
Java	rgb(0, 154, 157)	hsl(181, 100%, 31%)
What We Do in the Shadows	rgb(75, 0, 28)	hsl(338, 100%, 15%)
Pristine Oceanic	rgb(0, 205, 187)	hsl(175, 100%, 40%)

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.

Aa9.03:1 Very good#FFADB3 on #4B001C
Aa9.03:1 Very good#4B001C on #FFADB3
Aa7.94:1 Very good#4B001C on #00CDBB
Aa7.94:1 Very good#00CDBB on #4B001C
Aa4.67:1 Good#FFADB3 on #961F36
Aa4.67:1 Good#961F36 on #FFADB3
Aa4.64:1 Good#009A9D on #4B001C
Aa4.64:1 Good#4B001C on #009A9D

Color blindness preview

CSS variables

/* Poodle Skirt to Pristine Oceanic — https://swatchly.xyz/palette/ffadb3-961f36-007970-009a9d-4b001c-00cdbb */
:root {
  --poodle-skirt: #ffadb3;
  --french-winery: #961f36;
  --emperor-jade: #007970;
  --java: #009a9d;
  --what-we-do-in-the-shadows: #4b001c;
  --pristine-oceanic: #00cdbb;
}

Tailwind CSS v4

/* Poodle Skirt to Pristine Oceanic — https://swatchly.xyz/palette/ffadb3-961f36-007970-009a9d-4b001c-00cdbb */
@theme {
  --color-poodle-skirt: #ffadb3;
  --color-poodle-skirt-50: #fff5f6;
  --color-poodle-skirt-100: #ffe9ea;
  --color-poodle-skirt-200: #ffced1;
  --color-poodle-skirt-300: #ffadb3;
  --color-poodle-skirt-400: #d98e94;
  --color-poodle-skirt-500: #bd7177;
  --color-poodle-skirt-600: #9e565d;
  --color-poodle-skirt-700: #814047;
  --color-poodle-skirt-800: #682f35;
  --color-poodle-skirt-900: #512127;
  --color-poodle-skirt-950: #351317;
  --color-french-winery: #961f36;
  --color-french-winery-50: #fff1f2;
  --color-french-winery-100: #ffe4e4;
  --color-french-winery-200: #ffc7c9;
  --color-french-winery-300: #ffa3a8;
  --color-french-winery-400: #ee7681;
  --color-french-winery-500: #d15865;
  --color-french-winery-600: #b03c4c;
  --color-french-winery-700: #961f36;
  --color-french-winery-800: #761829;
  --color-french-winery-900: #5e0d1e;
  --color-french-winery-950: #3e0410;
  --color-emperor-jade: #007970;
  --color-emperor-jade-50: #d7fff9;
  --color-emperor-jade-100: #c1f8f0;
  --color-emperor-jade-200: #a3e5dd;
  --color-emperor-jade-300: #82d0c6;
  --color-emperor-jade-400: #57b1a7;
  --color-emperor-jade-500: #33958b;
  --color-emperor-jade-600: #007970;
  --color-emperor-jade-700: #006059;
  --color-emperor-jade-800: #004b45;
  --color-emperor-jade-900: #003a35;
  --color-emperor-jade-950: #002521;
  --color-java: #009a9d;
  --color-java-50: #d6ffff;
  --color-java-100: #b8fafb;
  --color-java-200: #98e8ea;
  --color-java-300: #75d4d6;
  --color-java-400: #42b6b8;
  --color-java-500: #009a9d;
  --color-java-600: #007c7f;
  --color-java-700: #006365;
  --color-java-800: #004d4f;
  --color-java-900: #003b3d;
  --color-java-950: #002526;
  --color-what-we-do-in-the-shadows: #4b001c;
  --color-what-we-do-in-the-shadows-50: #fff1f3;
  --color-what-we-do-in-the-shadows-100: #ffe3e7;
  --color-what-we-do-in-the-shadows-200: #ffc6d0;
  --color-what-we-do-in-the-shadows-300: #f4a9b7;
  --color-what-we-do-in-the-shadows-400: #d88696;
  --color-what-we-do-in-the-shadows-500: #bd6b7c;
  --color-what-we-do-in-the-shadows-600: #a05263;
  --color-what-we-do-in-the-shadows-700: #863e4f;
  --color-what-we-do-in-the-shadows-800: #6e2f3e;
  --color-what-we-do-in-the-shadows-900: #5a2331;
  --color-what-we-do-in-the-shadows-950: #4b001c;
  --color-pristine-oceanic: #00cdbb;
  --color-pristine-oceanic-50: #b1fff3;
  --color-pristine-oceanic-100: #96f5e7;
  --color-pristine-oceanic-200: #6ce2d2;
  --color-pristine-oceanic-300: #00cdbb;
  --color-pristine-oceanic-400: #00ac9d;
  --color-pristine-oceanic-500: #009083;
  --color-pristine-oceanic-600: #00756a;
  --color-pristine-oceanic-700: #005e55;
  --color-pristine-oceanic-800: #004b44;
  --color-pristine-oceanic-900: #003c36;
  --color-pristine-oceanic-950: #002621;
}