Inland Waters to Ice Dagger color palette

78989BInland Waters 487C6ATurquoise Tortoise 4C623EJurassic Park BECAB7Bok Choy 193729Pitch-Black Forests CDE6E3Ice Dagger

Open in generator Export PNG, PDF, ASE…

About this palette

Inland Waters to Ice Dagger is a 6-color muted, cool palette: #78989B (Inland Waters), #487C6A (Turquoise Tortoise), #4C623E (Jurassic Park), #BECAB7 (Bok Choy), #193729 (Pitch-Black Forests), #CDE6E3 (Ice Dagger). It mixes turquoise, green, gray tones and feels cool overall. The strongest text pairing is #193729 on #CDE6E3 with a contrast ratio of 9.89:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Inland Waters	rgb(120, 152, 155)	hsl(185, 15%, 54%)
Turquoise Tortoise	rgb(72, 124, 106)	hsl(159, 27%, 38%)
Jurassic Park	rgb(76, 98, 62)	hsl(97, 23%, 31%)
Bok Choy	rgb(190, 202, 183)	hsl(98, 15%, 75%)
Pitch-Black Forests	rgb(25, 55, 41)	hsl(152, 38%, 16%)
Ice Dagger	rgb(205, 230, 227)	hsl(173, 33%, 85%)

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.

Aa9.89:1 Very good#193729 on #CDE6E3
Aa9.89:1 Very good#CDE6E3 on #193729
Aa7.61:1 Very good#BECAB7 on #193729
Aa7.61:1 Very good#193729 on #BECAB7
Aa5.13:1 Good#4C623E on #CDE6E3
Aa5.13:1 Good#CDE6E3 on #4C623E
Aa4.18:1 Poor#78989B on #193729
Aa4.18:1 Poor#193729 on #78989B

Color blindness preview

CSS variables

/* Inland Waters to Ice Dagger — https://swatchly.xyz/palette/78989b-487c6a-4c623e-becab7-193729-cde6e3 */
:root {
  --inland-waters: #78989b;
  --turquoise-tortoise: #487c6a;
  --jurassic-park: #4c623e;
  --bok-choy: #becab7;
  --pitch-black-forests: #193729;
  --ice-dagger: #cde6e3;
}

Tailwind CSS v4

/* Inland Waters to Ice Dagger — https://swatchly.xyz/palette/78989b-487c6a-4c623e-becab7-193729-cde6e3 */
@theme {
  --color-inland-waters: #78989b;
  --color-inland-waters-50: #e9fbfd;
  --color-inland-waters-100: #e0f4f6;
  --color-inland-waters-200: #cbe3e5;
  --color-inland-waters-300: #b4cfd1;
  --color-inland-waters-400: #93b2b4;
  --color-inland-waters-500: #78989b;
  --color-inland-waters-600: #5c7b7e;
  --color-inland-waters-700: #456265;
  --color-inland-waters-800: #334c4f;
  --color-inland-waters-900: #253a3c;
  --color-inland-waters-950: #142425;
  --color-turquoise-tortoise: #487c6a;
  --color-turquoise-tortoise-50: #dffdf1;
  --color-turquoise-tortoise-100: #d4f5e8;
  --color-turquoise-tortoise-200: #bce3d4;
  --color-turquoise-tortoise-300: #a2cfbe;
  --color-turquoise-tortoise-400: #7fb19e;
  --color-turquoise-tortoise-500: #629684;
  --color-turquoise-tortoise-600: #487c6a;
  --color-turquoise-tortoise-700: #336353;
  --color-turquoise-tortoise-800: #234e40;
  --color-turquoise-tortoise-900: #183d31;
  --color-turquoise-tortoise-950: #0b261e;
  --color-jurassic-park: #4c623e;
  --color-jurassic-park-50: #ecfbe4;
  --color-jurassic-park-100: #e1f1d8;
  --color-jurassic-park-200: #cde0c1;
  --color-jurassic-park-300: #b5cba9;
  --color-jurassic-park-400: #95ad87;
  --color-jurassic-park-500: #7b926c;
  --color-jurassic-park-600: #627854;
  --color-jurassic-park-700: #4c623e;
  --color-jurassic-park-800: #3b4d2f;
  --color-jurassic-park-900: #2c3b22;
  --color-jurassic-park-950: #1a2513;
  --color-bok-choy: #becab7;
  --color-bok-choy-50: #f3faf0;
  --color-bok-choy-100: #eaf1e5;
  --color-bok-choy-200: #d6dfd1;
  --color-bok-choy-300: #becab7;
  --color-bok-choy-400: #9ea998;
  --color-bok-choy-500: #828d7b;
  --color-bok-choy-600: #677261;
  --color-bok-choy-700: #515a4b;
  --color-bok-choy-800: #3e4639;
  --color-bok-choy-900: #2e352a;
  --color-bok-choy-950: #1c2119;
  --color-pitch-black-forests: #193729;
  --color-pitch-black-forests-50: #e8fbf0;
  --color-pitch-black-forests-100: #dcf1e6;
  --color-pitch-black-forests-200: #c5dfd1;
  --color-pitch-black-forests-300: #acc9b9;
  --color-pitch-black-forests-400: #8aaa99;
  --color-pitch-black-forests-500: #6d8e7d;
  --color-pitch-black-forests-600: #547262;
  --color-pitch-black-forests-700: #3f5a4c;
  --color-pitch-black-forests-800: #2e463a;
  --color-pitch-black-forests-900: #193729;
  --color-pitch-black-forests-950: #122119;
  --color-ice-dagger: #cde6e3;
  --color-ice-dagger-50: #f1fefc;
  --color-ice-dagger-100: #e8f6f4;
  --color-ice-dagger-200: #cde6e3;
  --color-ice-dagger-300: #b9cdca;
  --color-ice-dagger-400: #96acaa;
  --color-ice-dagger-500: #78908d;
  --color-ice-dagger-600: #5d7371;
  --color-ice-dagger-700: #475b59;
  --color-ice-dagger-800: #354644;
  --color-ice-dagger-900: #273635;
  --color-ice-dagger-950: #172221;
}