Poodle Skirt to Skies of Cyberspace Color Palette

About this palette

Poodle Skirt to Skies of Cyberspace is a 5-color warm palette: #FEADC2 (Poodle Skirt), #00AE8C (Hobgoblin), #715206 (Coffee Adept), #42340B (Wasabi Nori), #3073D8 (Skies of Cyberspace). It mixes pink, turquoise, brown, blue tones and feels warm overall. The strongest text pairing is #FEADC2 on #42340B with a contrast ratio of 6.93:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Poodle Skirt	rgb(254, 173, 194)	hsl(344, 98%, 84%)
Hobgoblin	rgb(0, 174, 140)	hsl(168, 100%, 34%)
Coffee Adept	rgb(113, 82, 6)	hsl(43, 90%, 23%)
Wasabi Nori	rgb(66, 52, 11)	hsl(45, 71%, 15%)
Skies of Cyberspace	rgb(48, 115, 216)	hsl(216, 68%, 52%)

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.93:1 Good#FEADC2 on #42340B
Aa6.93:1 Good#42340B on #FEADC2
Aa4.30:1 Poor#00AE8C on #42340B
Aa4.30:1 Poor#42340B on #00AE8C
Aa4.11:1 Poor#FEADC2 on #715206
Aa4.11:1 Poor#715206 on #FEADC2

Color blindness preview

CSS variables

/* Poodle Skirt to Skies of Cyberspace — https://swatchly.xyz/palette/feadc2-00ae8c-715206-42340b-3073d8 */
:root {
  --poodle-skirt: #feadc2;
  --hobgoblin: #00ae8c;
  --coffee-adept: #715206;
  --wasabi-nori: #42340b;
  --skies-of-cyberspace: #3073d8;
}

Tailwind CSS v4

/* Poodle Skirt to Skies of Cyberspace — https://swatchly.xyz/palette/feadc2-00ae8c-715206-42340b-3073d8 */
@theme {
  --color-poodle-skirt: #feadc2;
  --color-poodle-skirt-50: #fff6f8;
  --color-poodle-skirt-100: #ffeaee;
  --color-poodle-skirt-200: #ffceda;
  --color-poodle-skirt-300: #feadc2;
  --color-poodle-skirt-400: #d88ea2;
  --color-poodle-skirt-500: #bb7085;
  --color-poodle-skirt-600: #9d556a;
  --color-poodle-skirt-700: #804053;
  --color-poodle-skirt-800: #662e3f;
  --color-poodle-skirt-900: #502130;
  --color-poodle-skirt-950: #34121d;
  --color-hobgoblin: #00ae8c;
  --color-hobgoblin-50: #c7ffec;
  --color-hobgoblin-100: #a8f8de;
  --color-hobgoblin-200: #83e5c7;
  --color-hobgoblin-300: #59ceae;
  --color-hobgoblin-400: #00ae8c;
  --color-hobgoblin-500: #009174;
  --color-hobgoblin-600: #00765e;
  --color-hobgoblin-700: #005e4a;
  --color-hobgoblin-800: #004b3b;
  --color-hobgoblin-900: #003b2e;
  --color-hobgoblin-950: #00261d;
  --color-coffee-adept: #715206;
  --color-coffee-adept-50: #fff4e0;
  --color-coffee-adept-100: #fee8c1;
  --color-coffee-adept-200: #eed5a5;
  --color-coffee-adept-300: #dbbe87;
  --color-coffee-adept-400: #be9e61;
  --color-coffee-adept-500: #a38342;
  --color-coffee-adept-600: #886928;
  --color-coffee-adept-700: #715206;
  --color-coffee-adept-800: #594002;
  --color-coffee-adept-900: #453000;
  --color-coffee-adept-950: #2c1e00;
  --color-wasabi-nori: #42340b;
  --color-wasabi-nori-50: #fef5dd;
  --color-wasabi-nori-100: #f5ebd0;
  --color-wasabi-nori-200: #e3d7b7;
  --color-wasabi-nori-300: #cec09c;
  --color-wasabi-nori-400: #b0a179;
  --color-wasabi-nori-500: #96865e;
  --color-wasabi-nori-600: #7b6c45;
  --color-wasabi-nori-700: #645632;
  --color-wasabi-nori-800: #504424;
  --color-wasabi-nori-900: #42340b;
  --color-wasabi-nori-950: #28210c;
  --color-skies-of-cyberspace: #3073d8;
  --color-skies-of-cyberspace-50: #eff6ff;
  --color-skies-of-cyberspace-100: #e3eeff;
  --color-skies-of-cyberspace-200: #c7ddff;
  --color-skies-of-cyberspace-300: #a5c9ff;
  --color-skies-of-cyberspace-400: #72aaff;
  --color-skies-of-cyberspace-500: #4b8df4;
  --color-skies-of-cyberspace-600: #3073d8;
  --color-skies-of-cyberspace-700: #1959b7;
  --color-skies-of-cyberspace-800: #074497;
  --color-skies-of-cyberspace-900: #003379;
  --color-skies-of-cyberspace-950: #001f50;
}