Eternal Winter to Jewel Weed color palette

91FAFFEternal Winter 003B41Rich Black 379200Sacro Bosco 005F49Evergreen 5CE375Grotesque Green 30A892Jewel Weed

Open in generator Export PNG, PDF, ASE…

About this palette

Eternal Winter to Jewel Weed is a 6-color cool palette: #91FAFF (Eternal Winter), #003B41 (Rich Black), #379200 (Sacro Bosco), #005F49 (Evergreen), #5CE375 (Grotesque Green), #30A892 (Jewel Weed). It mixes turquoise, green tones and feels cool overall. The strongest text pairing is #91FAFF on #003B41 with a contrast ratio of 10.18:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Eternal Winter	rgb(145, 250, 255)	hsl(183, 100%, 78%)
Rich Black	rgb(0, 59, 65)	hsl(186, 100%, 13%)
Sacro Bosco	rgb(55, 146, 0)	hsl(97, 100%, 29%)
Evergreen	rgb(0, 95, 73)	hsl(166, 100%, 19%)
Grotesque Green	rgb(92, 227, 117)	hsl(131, 71%, 63%)
Jewel Weed	rgb(48, 168, 146)	hsl(169, 56%, 42%)

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.18:1 Very good#91FAFF on #003B41
Aa10.18:1 Very good#003B41 on #91FAFF
Aa7.46:1 Very good#003B41 on #5CE375
Aa7.46:1 Very good#5CE375 on #003B41
Aa6.34:1 Good#91FAFF on #005F49
Aa6.34:1 Good#005F49 on #91FAFF
Aa4.65:1 Good#005F49 on #5CE375
Aa4.65:1 Good#5CE375 on #005F49

Color blindness preview

CSS variables

/* Eternal Winter to Jewel Weed — https://swatchly.xyz/palette/91faff-003b41-379200-005f49-5ce375-30a892 */
:root {
  --eternal-winter: #91faff;
  --rich-black: #003b41;
  --sacro-bosco: #379200;
  --evergreen: #005f49;
  --grotesque-green: #5ce375;
  --jewel-weed: #30a892;
}

Tailwind CSS v4

/* Eternal Winter to Jewel Weed — https://swatchly.xyz/palette/91faff-003b41-379200-005f49-5ce375-30a892 */
@theme {
  --color-eternal-winter: #91faff;
  --color-eternal-winter-50: #c6fdff;
  --color-eternal-winter-100: #91faff;
  --color-eternal-winter-200: #97e3e6;
  --color-eternal-winter-300: #76ced3;
  --color-eternal-winter-400: #49b1b6;
  --color-eternal-winter-500: #1f969b;
  --color-eternal-winter-600: #007a7f;
  --color-eternal-winter-700: #006266;
  --color-eternal-winter-800: #004c50;
  --color-eternal-winter-900: #003b3e;
  --color-eternal-winter-950: #002527;
  --color-rich-black: #003b41;
  --color-rich-black-50: #dffbff;
  --color-rich-black-100: #d2f2f6;
  --color-rich-black-200: #b9e0e5;
  --color-rich-black-300: #9ecad0;
  --color-rich-black-400: #7aacb2;
  --color-rich-black-500: #5e9097;
  --color-rich-black-600: #44757b;
  --color-rich-black-700: #305e64;
  --color-rich-black-800: #214a4f;
  --color-rich-black-900: #003b41;
  --color-rich-black-950: #0a2427;
  --color-sacro-bosco: #379200;
  --color-sacro-bosco-50: #dcffd2;
  --color-sacro-bosco-100: #c0faae;
  --color-sacro-bosco-200: #a1e78c;
  --color-sacro-bosco-300: #81d167;
  --color-sacro-bosco-400: #58b037;
  --color-sacro-bosco-500: #379200;
  --color-sacro-bosco-600: #2b7600;
  --color-sacro-bosco-700: #205e00;
  --color-sacro-bosco-800: #184a00;
  --color-sacro-bosco-900: #113a00;
  --color-sacro-bosco-950: #082500;
  --color-evergreen: #005f49;
  --color-evergreen-50: #dafff1;
  --color-evergreen-100: #c9f7e6;
  --color-evergreen-200: #ade5d0;
  --color-evergreen-300: #8ecfb8;
  --color-evergreen-400: #67b097;
  --color-evergreen-500: #47937b;
  --color-evergreen-600: #2b7760;
  --color-evergreen-700: #005f49;
  --color-evergreen-800: #054a39;
  --color-evergreen-900: #00392b;
  --color-evergreen-950: #00241a;
  --color-grotesque-green: #5ce375;
  --color-grotesque-green-50: #e3ffe5;
  --color-grotesque-green-100: #c1ffc7;
  --color-grotesque-green-200: #97f2a2;
  --color-grotesque-green-300: #5ce375;
  --color-grotesque-green-400: #3dc059;
  --color-grotesque-green-500: #00a33b;
  --color-grotesque-green-600: #00842e;
  --color-grotesque-green-700: #006823;
  --color-grotesque-green-800: #00521a;
  --color-grotesque-green-900: #003f12;
  --color-grotesque-green-950: #002808;
  --color-jewel-weed: #30a892;
  --color-jewel-weed-50: #e2fff7;
  --color-jewel-weed-100: #c2feef;
  --color-jewel-weed-200: #a7efde;
  --color-jewel-weed-300: #87ddc9;
  --color-jewel-weed-400: #5bc1ac;
  --color-jewel-weed-500: #30a892;
  --color-jewel-weed-600: #008975;
  --color-jewel-weed-700: #006d5c;
  --color-jewel-weed-800: #005547;
  --color-jewel-weed-900: #004036;
  --color-jewel-weed-950: #002821;
}