Chorus of Frogs to Poodle Skirt color palette

8D9C37Chorus of Frogs 525A00Ayahuasca Vine EEEBFFFoundation White 003F42Rich Black 00888DDark Cyan FFAEB5Poodle Skirt

Open in generator Export PNG, PDF, ASE…

About this palette

Chorus of Frogs to Poodle Skirt is a 6-color cool palette: #8D9C37 (Chorus of Frogs), #525A00 (Ayahuasca Vine), #EEEBFF (Foundation White), #003F42 (Rich Black), #00888D (Dark Cyan), #FFAEB5 (Poodle Skirt). It mixes green, white, turquoise, pink tones and feels cool overall. The strongest text pairing is #EEEBFF on #003F42 with a contrast ratio of 10.04:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Chorus of Frogs	rgb(141, 156, 55)	hsl(69, 48%, 41%)
Ayahuasca Vine	rgb(82, 90, 0)	hsl(65, 100%, 18%)
Foundation White	rgb(238, 235, 255)	hsl(249, 100%, 96%)
Rich Black	rgb(0, 63, 66)	hsl(183, 100%, 13%)
Dark Cyan	rgb(0, 136, 141)	hsl(182, 100%, 28%)
Poodle Skirt	rgb(255, 174, 181)	hsl(355, 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.

Aa10.04:1 Very good#EEEBFF on #003F42
Aa10.04:1 Very good#003F42 on #EEEBFF
Aa6.69:1 Good#003F42 on #FFAEB5
Aa6.69:1 Good#FFAEB5 on #003F42
Aa6.37:1 Good#525A00 on #EEEBFF
Aa6.37:1 Good#EEEBFF on #525A00
Aa4.24:1 Poor#525A00 on #FFAEB5
Aa4.24:1 Poor#FFAEB5 on #525A00

Color blindness preview

CSS variables

/* Chorus of Frogs to Poodle Skirt — https://swatchly.xyz/palette/8d9c37-525a00-eeebff-003f42-00888d-ffaeb5 */
:root {
  --chorus-of-frogs: #8d9c37;
  --ayahuasca-vine: #525a00;
  --foundation-white: #eeebff;
  --rich-black: #003f42;
  --dark-cyan: #00888d;
  --poodle-skirt: #ffaeb5;
}

Tailwind CSS v4

/* Chorus of Frogs to Poodle Skirt — https://swatchly.xyz/palette/8d9c37-525a00-eeebff-003f42-00888d-ffaeb5 */
@theme {
  --color-chorus-of-frogs: #8d9c37;
  --color-chorus-of-frogs-50: #f4fecb;
  --color-chorus-of-frogs-100: #ebf7bf;
  --color-chorus-of-frogs-200: #d9e6a3;
  --color-chorus-of-frogs-300: #c4d384;
  --color-chorus-of-frogs-400: #a7b65b;
  --color-chorus-of-frogs-500: #8d9c37;
  --color-chorus-of-frogs-600: #717e0f;
  --color-chorus-of-frogs-700: #596400;
  --color-chorus-of-frogs-800: #454e00;
  --color-chorus-of-frogs-900: #343b00;
  --color-chorus-of-frogs-950: #1f2400;
  --color-ayahuasca-vine: #525a00;
  --color-ayahuasca-vine-50: #f3fad0;
  --color-ayahuasca-vine-100: #e9f1c1;
  --color-ayahuasca-vine-200: #d5dea5;
  --color-ayahuasca-vine-300: #bec887;
  --color-ayahuasca-vine-400: #9ea85f;
  --color-ayahuasca-vine-500: #838c40;
  --color-ayahuasca-vine-600: #687125;
  --color-ayahuasca-vine-700: #525a00;
  --color-ayahuasca-vine-800: #404602;
  --color-ayahuasca-vine-900: #313600;
  --color-ayahuasca-vine-950: #1e2100;
  --color-foundation-white: #eeebff;
  --color-foundation-white-50: #f7f6ff;
  --color-foundation-white-100: #eeebff;
  --color-foundation-white-200: #dad8e6;
  --color-foundation-white-300: #c3c0d1;
  --color-foundation-white-400: #a3a0b2;
  --color-foundation-white-500: #878496;
  --color-foundation-white-600: #6c6a7b;
  --color-foundation-white-700: #555362;
  --color-foundation-white-800: #42404e;
  --color-foundation-white-900: #33313c;
  --color-foundation-white-950: #1f1e26;
  --color-rich-black: #003f42;
  --color-rich-black-50: #defcfd;
  --color-rich-black-100: #d1f3f4;
  --color-rich-black-200: #b8e0e2;
  --color-rich-black-300: #9dcbcd;
  --color-rich-black-400: #79adb0;
  --color-rich-black-500: #5d9295;
  --color-rich-black-600: #44787b;
  --color-rich-black-700: #306164;
  --color-rich-black-800: #214d50;
  --color-rich-black-900: #003f42;
  --color-rich-black-950: #0a2729;
  --color-dark-cyan: #00888d;
  --color-dark-cyan-50: #d8feff;
  --color-dark-cyan-100: #c0fafc;
  --color-dark-cyan-200: #a5eaed;
  --color-dark-cyan-300: #86d7db;
  --color-dark-cyan-400: #5bbbc0;
  --color-dark-cyan-500: #35a2a6;
  --color-dark-cyan-600: #00888d;
  --color-dark-cyan-700: #006c70;
  --color-dark-cyan-800: #005458;
  --color-dark-cyan-900: #004143;
  --color-dark-cyan-950: #00282a;
  --color-poodle-skirt: #ffaeb5;
  --color-poodle-skirt-50: #fff6f6;
  --color-poodle-skirt-100: #ffeaeb;
  --color-poodle-skirt-200: #ffcfd2;
  --color-poodle-skirt-300: #ffaeb5;
  --color-poodle-skirt-400: #d98f96;
  --color-poodle-skirt-500: #bc7179;
  --color-poodle-skirt-600: #9e565e;
  --color-poodle-skirt-700: #814048;
  --color-poodle-skirt-800: #672f36;
  --color-poodle-skirt-900: #512228;
  --color-poodle-skirt-950: #351317;
}