Eternal Winter to Broad Daylight color palette

9FF6F5Eternal Winter 7BD0E8Water Nymph EEE0FFMinute Mauve CCC5E6Lavender Bliss E6CAB6Cashew Nut B4DCFFBroad Daylight

Open in generator Export PNG, PDF, ASE…

About this palette

Eternal Winter to Broad Daylight is a 6-color pastel, light, cool palette: #9FF6F5 (Eternal Winter), #7BD0E8 (Water Nymph), #EEE0FF (Minute Mauve), #CCC5E6 (Lavender Bliss), #E6CAB6 (Cashew Nut), #B4DCFF (Broad Daylight). It mixes turquoise, blue, purple, orange tones and feels cool overall. The strongest text pairing is #9FF6F5 on #7BD0E8 with a contrast ratio of 1.41:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Eternal Winter	rgb(159, 246, 245)	hsl(179, 83%, 79%)
Water Nymph	rgb(123, 208, 232)	hsl(193, 70%, 70%)
Minute Mauve	rgb(238, 224, 255)	hsl(267, 100%, 94%)
Lavender Bliss	rgb(204, 197, 230)	hsl(253, 40%, 84%)
Cashew Nut	rgb(230, 202, 182)	hsl(25, 49%, 81%)
Broad Daylight	rgb(180, 220, 255)	hsl(208, 100%, 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.

Color blindness preview

CSS variables

/* Eternal Winter to Broad Daylight — https://swatchly.xyz/palette/9ff6f5-7bd0e8-eee0ff-ccc5e6-e6cab6-b4dcff */
:root {
  --eternal-winter: #9ff6f5;
  --water-nymph: #7bd0e8;
  --minute-mauve: #eee0ff;
  --lavender-bliss: #ccc5e6;
  --cashew-nut: #e6cab6;
  --broad-daylight: #b4dcff;
}

Tailwind CSS v4

/* Eternal Winter to Broad Daylight — https://swatchly.xyz/palette/9ff6f5-7bd0e8-eee0ff-ccc5e6-e6cab6-b4dcff */
@theme {
  --color-eternal-winter: #9ff6f5;
  --color-eternal-winter-50: #c9faf9;
  --color-eternal-winter-100: #9ff6f5;
  --color-eternal-winter-200: #9fdfde;
  --color-eternal-winter-300: #82cbcb;
  --color-eternal-winter-400: #5baeae;
  --color-eternal-winter-500: #3b9493;
  --color-eternal-winter-600: #1c7979;
  --color-eternal-winter-700: #006262;
  --color-eternal-winter-800: #004d4d;
  --color-eternal-winter-900: #003b3b;
  --color-eternal-winter-950: #002525;
  --color-water-nymph: #7bd0e8;
  --color-water-nymph-50: #e7f9ff;
  --color-water-nymph-100: #cdf3ff;
  --color-water-nymph-200: #a7e3f5;
  --color-water-nymph-300: #7bd0e8;
  --color-water-nymph-400: #5fafc6;
  --color-water-nymph-500: #3c93aa;
  --color-water-nymph-600: #1c788e;
  --color-water-nymph-700: #006073;
  --color-water-nymph-800: #004b5b;
  --color-water-nymph-900: #003a46;
  --color-water-nymph-950: #00242d;
  --color-minute-mauve: #eee0ff;
  --color-minute-mauve-50: #f5eeff;
  --color-minute-mauve-100: #eee0ff;
  --color-minute-mauve-200: #d9cfe6;
  --color-minute-mauve-300: #c4b8d2;
  --color-minute-mauve-400: #a699b5;
  --color-minute-mauve-500: #8b7e9a;
  --color-minute-mauve-600: #71657f;
  --color-minute-mauve-700: #5b5068;
  --color-minute-mauve-800: #473d52;
  --color-minute-mauve-900: #372f40;
  --color-minute-mauve-950: #221c29;
  --color-lavender-bliss: #ccc5e6;
  --color-lavender-bliss-50: #faf9ff;
  --color-lavender-bliss-100: #f2efff;
  --color-lavender-bliss-200: #e1dcf3;
  --color-lavender-bliss-300: #ccc5e6;
  --color-lavender-bliss-400: #aba4c2;
  --color-lavender-bliss-500: #8e87a6;
  --color-lavender-bliss-600: #726b88;
  --color-lavender-bliss-700: #59536e;
  --color-lavender-bliss-800: #454057;
  --color-lavender-bliss-900: #342f43;
  --color-lavender-bliss-950: #201d2b;
  --color-cashew-nut: #e6cab6;
  --color-cashew-nut-50: #fdede1;
  --color-cashew-nut-100: #f4e1d4;
  --color-cashew-nut-200: #e6cab6;
  --color-cashew-nut-300: #ceb6a4;
  --color-cashew-nut-400: #b19785;
  --color-cashew-nut-500: #977d6b;
  --color-cashew-nut-600: #7c6453;
  --color-cashew-nut-700: #654f3f;
  --color-cashew-nut-800: #513e30;
  --color-cashew-nut-900: #3f2f23;
  --color-cashew-nut-950: #281c14;
  --color-broad-daylight: #b4dcff;
  --color-broad-daylight-50: #ecf6ff;
  --color-broad-daylight-100: #daedff;
  --color-broad-daylight-200: #b4dcff;
  --color-broad-daylight-300: #a3c5e2;
  --color-broad-daylight-400: #81a6c6;
  --color-broad-daylight-500: #658aaa;
  --color-broad-daylight-600: #4c708e;
  --color-broad-daylight-700: #385974;
  --color-broad-daylight-800: #28455d;
  --color-broad-daylight-900: #1d354a;
  --color-broad-daylight-950: #0f2130;
}