Ice to Green Dynasty Color Palette

About this palette

Ice to Green Dynasty is a 5-color cool palette: #D7FFF9 (Ice), #61DCC7 (Jazzy Jade), #8D3347 (Blood Oath), #66112C (Plum Cheese), #009C89 (Green Dynasty). It mixes white, turquoise, red tones and feels cool overall. The strongest text pairing is #D7FFF9 on #66112C with a contrast ratio of 11.63:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Ice	rgb(215, 255, 249)	hsl(171, 100%, 92%)
Jazzy Jade	rgb(97, 220, 199)	hsl(170, 64%, 62%)
Blood Oath	rgb(141, 51, 71)	hsl(347, 47%, 38%)
Plum Cheese	rgb(102, 17, 44)	hsl(341, 71%, 23%)
Green Dynasty	rgb(0, 156, 137)	hsl(173, 100%, 31%)

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.

Aa11.63:1 Very good#D7FFF9 on #66112C
Aa11.63:1 Very good#66112C on #D7FFF9
Aa7.48:1 Very good#61DCC7 on #66112C
Aa7.48:1 Very good#66112C on #61DCC7
Aa7.25:1 Very good#D7FFF9 on #8D3347
Aa7.25:1 Very good#8D3347 on #D7FFF9
Aa4.66:1 Good#61DCC7 on #8D3347
Aa4.66:1 Good#8D3347 on #61DCC7

Color blindness preview

CSS variables

/* Ice to Green Dynasty — https://swatchly.xyz/palette/d7fff9-61dcc7-8d3347-66112c-009c89 */
:root {
  --ice: #d7fff9;
  --jazzy-jade: #61dcc7;
  --blood-oath: #8d3347;
  --plum-cheese: #66112c;
  --green-dynasty: #009c89;
}

Tailwind CSS v4

/* Ice to Green Dynasty — https://swatchly.xyz/palette/d7fff9-61dcc7-8d3347-66112c-009c89 */
@theme {
  --color-ice: #d7fff9;
  --color-ice-50: #d7fff9;
  --color-ice-100: #d9f1ed;
  --color-ice-200: #c2dfda;
  --color-ice-300: #a8c9c4;
  --color-ice-400: #86aaa5;
  --color-ice-500: #6a8f8a;
  --color-ice-600: #50746f;
  --color-ice-700: #3c5c58;
  --color-ice-800: #2c4945;
  --color-ice-900: #203835;
  --color-ice-950: #112321;
  --color-jazzy-jade: #61dcc7;
  --color-jazzy-jade-50: #defff8;
  --color-jazzy-jade-100: #bafdef;
  --color-jazzy-jade-200: #9becdc;
  --color-jazzy-jade-300: #61dcc7;
  --color-jazzy-jade-400: #43baa7;
  --color-jazzy-jade-500: #009e8b;
  --color-jazzy-jade-600: #007f70;
  --color-jazzy-jade-700: #006558;
  --color-jazzy-jade-800: #004e44;
  --color-jazzy-jade-900: #003c34;
  --color-jazzy-jade-950: #002620;
  --color-blood-oath: #8d3347;
  --color-blood-oath-50: #fff1f3;
  --color-blood-oath-100: #ffe3e6;
  --color-blood-oath-200: #ffc7ce;
  --color-blood-oath-300: #fda5b2;
  --color-blood-oath-400: #e18292;
  --color-blood-oath-500: #c56576;
  --color-blood-oath-600: #a64b5d;
  --color-blood-oath-700: #8d3347;
  --color-blood-oath-800: #702737;
  --color-blood-oath-900: #591b29;
  --color-blood-oath-950: #3a0d18;
  --color-plum-cheese: #66112c;
  --color-plum-cheese-50: #fff1f3;
  --color-plum-cheese-100: #ffe3e7;
  --color-plum-cheese-200: #ffc6cf;
  --color-plum-cheese-300: #faa5b4;
  --color-plum-cheese-400: #df8395;
  --color-plum-cheese-500: #c3687a;
  --color-plum-cheese-600: #a64e62;
  --color-plum-cheese-700: #8b3a4d;
  --color-plum-cheese-800: #722b3c;
  --color-plum-cheese-900: #66112c;
  --color-plum-cheese-950: #3e111c;
  --color-green-dynasty: #009c89;
  --color-green-dynasty-50: #d8fff6;
  --color-green-dynasty-100: #b8fbed;
  --color-green-dynasty-200: #99eada;
  --color-green-dynasty-300: #75d6c3;
  --color-green-dynasty-400: #42b8a4;
  --color-green-dynasty-500: #009c89;
  --color-green-dynasty-600: #007e6e;
  --color-green-dynasty-700: #006457;
  --color-green-dynasty-800: #004e44;
  --color-green-dynasty-900: #003c34;
  --color-green-dynasty-950: #002620;
}