Emerald Whispers to Pink Color Palette

About this palette

Emerald Whispers to Pink is a 5-color warm palette: #008576 (Emerald Whispers), #00BFB3 (Super Rare Jade), #4E0616 (Minotaur Hide), #92002F (Lifeline), #FFC3D3 (Pink). It mixes turquoise, brown, red, pink tones and feels warm overall. The strongest text pairing is #4E0616 on #FFC3D3 with a contrast ratio of 10.28:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Emerald Whispers	rgb(0, 133, 118)	hsl(173, 100%, 26%)
Super Rare Jade	rgb(0, 191, 179)	hsl(176, 100%, 37%)
Minotaur Hide	rgb(78, 6, 22)	hsl(347, 86%, 16%)
Lifeline	rgb(146, 0, 47)	hsl(341, 100%, 29%)
Pink	rgb(255, 195, 211)	hsl(344, 100%, 88%)

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.28:1 Very good#4E0616 on #FFC3D3
Aa10.28:1 Very good#FFC3D3 on #4E0616
Aa6.69:1 Good#00BFB3 on #4E0616
Aa6.69:1 Good#4E0616 on #00BFB3
Aa6.19:1 Good#92002F on #FFC3D3
Aa6.19:1 Good#FFC3D3 on #92002F
Aa4.02:1 Poor#00BFB3 on #92002F
Aa4.02:1 Poor#92002F on #00BFB3

Color blindness preview

CSS variables

/* Emerald Whispers to Pink — https://swatchly.xyz/palette/008576-00bfb3-4e0616-92002f-ffc3d3 */
:root {
  --emerald-whispers: #008576;
  --super-rare-jade: #00bfb3;
  --minotaur-hide: #4e0616;
  --lifeline: #92002f;
  --pink: #ffc3d3;
}

Tailwind CSS v4

/* Emerald Whispers to Pink — https://swatchly.xyz/palette/008576-00bfb3-4e0616-92002f-ffc3d3 */
@theme {
  --color-emerald-whispers: #008576;
  --color-emerald-whispers-50: #d8fff7;
  --color-emerald-whispers-100: #c0faef;
  --color-emerald-whispers-200: #a4eadd;
  --color-emerald-whispers-300: #85d7c8;
  --color-emerald-whispers-400: #5abaaa;
  --color-emerald-whispers-500: #349f90;
  --color-emerald-whispers-600: #008576;
  --color-emerald-whispers-700: #006a5d;
  --color-emerald-whispers-800: #005349;
  --color-emerald-whispers-900: #004038;
  --color-emerald-whispers-950: #002822;
  --color-super-rare-jade: #00bfb3;
  --color-super-rare-jade-50: #ddfffb;
  --color-super-rare-jade-100: #b2fff6;
  --color-super-rare-jade-200: #90efe4;
  --color-super-rare-jade-300: #68dbd0;
  --color-super-rare-jade-400: #00bfb3;
  --color-super-rare-jade-500: #009f95;
  --color-super-rare-jade-600: #008078;
  --color-super-rare-jade-700: #00655f;
  --color-super-rare-jade-800: #004f4a;
  --color-super-rare-jade-900: #003d38;
  --color-super-rare-jade-950: #002623;
  --color-minotaur-hide: #4e0616;
  --color-minotaur-hide-50: #fff1f2;
  --color-minotaur-hide-100: #ffe4e4;
  --color-minotaur-hide-200: #ffc7c9;
  --color-minotaur-hide-300: #f4aaae;
  --color-minotaur-hide-400: #d7888d;
  --color-minotaur-hide-500: #bd6d73;
  --color-minotaur-hide-600: #a1555b;
  --color-minotaur-hide-700: #874148;
  --color-minotaur-hide-800: #713238;
  --color-minotaur-hide-900: #5d262c;
  --color-minotaur-hide-950: #4e0616;
  --color-lifeline: #92002f;
  --color-lifeline-50: #fff1f2;
  --color-lifeline-100: #ffe3e5;
  --color-lifeline-200: #ffc4c8;
  --color-lifeline-300: #ff9ea6;
  --color-lifeline-400: #f06c7d;
  --color-lifeline-500: #d04b60;
  --color-lifeline-600: #ad2e47;
  --color-lifeline-700: #92002f;
  --color-lifeline-800: #710925;
  --color-lifeline-900: #5a021a;
  --color-lifeline-950: #3b000e;
  --color-pink: #ffc3d3;
  --color-pink-50: #ffeff3;
  --color-pink-100: #ffe1e8;
  --color-pink-200: #ffc3d3;
  --color-pink-300: #e2b0bd;
  --color-pink-400: #c58f9e;
  --color-pink-500: #aa7383;
  --color-pink-600: #8d5a69;
  --color-pink-700: #734553;
  --color-pink-800: #5d3440;
  --color-pink-900: #492731;
  --color-pink-950: #2f171e;
}