Start generating

Poodle Skirt to Silken Jade color palette

FEADB8Poodle Skirt004349Rich BlackBD4253Saffron Desires712A26Arcane Red00CBCDSea Serpent00A6A6Silken Jade
Open in generator Export PNG, PDF, ASE…

About this palette

Poodle Skirt to Silken Jade is a 6-color palette: #FEADB8 (Poodle Skirt), #004349 (Rich Black), #BD4253 (Saffron Desires), #712A26 (Arcane Red), #00CBCD (Sea Serpent), #00A6A6 (Silken Jade). It mixes pink, turquoise, red, brown tones and feels balanced overall. The strongest text pairing is #FEADB8 on #004349 with a contrast ratio of 6.26:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Poodle Skirtrgb(254, 173, 184)hsl(352, 98%, 84%)
Rich Blackrgb(0, 67, 73)hsl(185, 100%, 14%)
Saffron Desiresrgb(189, 66, 83)hsl(352, 48%, 50%)
Arcane Redrgb(113, 42, 38)hsl(3, 50%, 30%)
Sea Serpentrgb(0, 203, 205)hsl(181, 100%, 40%)
Silken Jadergb(0, 166, 166)hsl(180, 100%, 33%)

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.

  • Aa6.26:1 Good#FEADB8 on #004349
  • Aa6.26:1 Good#004349 on #FEADB8
  • Aa5.77:1 Good#FEADB8 on #712A26
  • Aa5.77:1 Good#712A26 on #FEADB8
  • Aa5.49:1 Good#004349 on #00CBCD
  • Aa5.49:1 Good#00CBCD on #004349
  • Aa5.06:1 Good#712A26 on #00CBCD
  • Aa5.06:1 Good#00CBCD on #712A26

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Poodle Skirt to Silken Jade — https://swatchly.xyz/palette/feadb8-004349-bd4253-712a26-00cbcd-00a6a6 */
:root {
  --poodle-skirt: #feadb8;
  --rich-black: #004349;
  --saffron-desires: #bd4253;
  --arcane-red: #712a26;
  --sea-serpent: #00cbcd;
  --silken-jade: #00a6a6;
}

Tailwind CSS v4

/* Poodle Skirt to Silken Jade — https://swatchly.xyz/palette/feadb8-004349-bd4253-712a26-00cbcd-00a6a6 */
@theme {
  --color-poodle-skirt: #feadb8;
  --color-poodle-skirt-50: #fff5f6;
  --color-poodle-skirt-100: #ffe9eb;
  --color-poodle-skirt-200: #ffced4;
  --color-poodle-skirt-300: #feadb8;
  --color-poodle-skirt-400: #d88e99;
  --color-poodle-skirt-500: #bc717c;
  --color-poodle-skirt-600: #9d5661;
  --color-poodle-skirt-700: #80404b;
  --color-poodle-skirt-800: #672f39;
  --color-poodle-skirt-900: #51212a;
  --color-poodle-skirt-950: #341319;
  --color-rich-black: #004349;
  --color-rich-black-50: #defcff;
  --color-rich-black-100: #d0f3f7;
  --color-rich-black-200: #b6e1e5;
  --color-rich-black-300: #9bcbd1;
  --color-rich-black-400: #78aeb4;
  --color-rich-black-500: #5c949a;
  --color-rich-black-600: #437a80;
  --color-rich-black-700: #30646a;
  --color-rich-black-800: #215156;
  --color-rich-black-900: #004349;
  --color-rich-black-950: #0a2a2e;
  --color-saffron-desires: #bd4253;
  --color-saffron-desires-50: #fff1f2;
  --color-saffron-desires-100: #ffe5e6;
  --color-saffron-desires-200: #ffcbcd;
  --color-saffron-desires-300: #ffaaaf;
  --color-saffron-desires-400: #f57c87;
  --color-saffron-desires-500: #db5e6c;
  --color-saffron-desires-600: #bd4253;
  --color-saffron-desires-700: #9d2b3e;
  --color-saffron-desires-800: #80192d;
  --color-saffron-desires-900: #660d20;
  --color-saffron-desires-950: #430411;
  --color-arcane-red: #712a26;
  --color-arcane-red-50: #fff2f0;
  --color-arcane-red-100: #ffe4e1;
  --color-arcane-red-200: #ffc8c2;
  --color-arcane-red-300: #f4aca4;
  --color-arcane-red-400: #d98a82;
  --color-arcane-red-500: #bd6e67;
  --color-arcane-red-600: #9f544e;
  --color-arcane-red-700: #84403a;
  --color-arcane-red-800: #712a26;
  --color-arcane-red-900: #55221f;
  --color-arcane-red-950: #381311;
  --color-sea-serpent: #00cbcd;
  --color-sea-serpent-50: #aefeff;
  --color-sea-serpent-100: #96f4f4;
  --color-sea-serpent-200: #6ce0e1;
  --color-sea-serpent-300: #00cbcd;
  --color-sea-serpent-400: #00abac;
  --color-sea-serpent-500: #008f90;
  --color-sea-serpent-600: #007475;
  --color-sea-serpent-700: #005d5e;
  --color-sea-serpent-800: #004a4b;
  --color-sea-serpent-900: #003b3c;
  --color-sea-serpent-950: #002526;
  --color-silken-jade: #00a6a6;
  --color-silken-jade-50: #defffe;
  --color-silken-jade-100: #bbfefd;
  --color-silken-jade-200: #9deeed;
  --color-silken-jade-300: #7bdcdb;
  --color-silken-jade-400: #49c0bf;
  --color-silken-jade-500: #00a6a6;
  --color-silken-jade-600: #008686;
  --color-silken-jade-700: #006a6a;
  --color-silken-jade-800: #005252;
  --color-silken-jade-900: #003f3f;
  --color-silken-jade-950: #002727;
}

Similar palettes