Tropical Freeze to Pink Glitter Color Palette

About this palette

Tropical Freeze to Pink Glitter is a 4-color pastel, light, cool, gradient palette: #A5DFC5 (Tropical Freeze), #D0DAFF (Icy Plains), #B6EAED (On Cloud Nine), #FFDED5 (Pink Glitter). It mixes turquoise, blue, pink tones and feels cool overall. The strongest text pairing is #A5DFC5 on #FFDED5 with a contrast ratio of 1.19:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Tropical Freeze	rgb(165, 223, 197)	hsl(153, 48%, 76%)
Icy Plains	rgb(208, 218, 255)	hsl(227, 100%, 91%)
On Cloud Nine	rgb(182, 234, 237)	hsl(183, 60%, 82%)
Pink Glitter	rgb(255, 222, 213)	hsl(13, 100%, 92%)

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

/* Tropical Freeze to Pink Glitter — https://swatchly.xyz/palette/a5dfc5-d0daff-b6eaed-ffded5 */
:root {
  --tropical-freeze: #a5dfc5;
  --icy-plains: #d0daff;
  --on-cloud-nine: #b6eaed;
  --pink-glitter: #ffded5;
}

Tailwind CSS v4

/* Tropical Freeze to Pink Glitter — https://swatchly.xyz/palette/a5dfc5-d0daff-b6eaed-ffded5 */
@theme {
  --color-tropical-freeze: #a5dfc5;
  --color-tropical-freeze-50: #d8f9e9;
  --color-tropical-freeze-100: #c9efdd;
  --color-tropical-freeze-200: #a5dfc5;
  --color-tropical-freeze-300: #96c8b1;
  --color-tropical-freeze-400: #74aa93;
  --color-tropical-freeze-500: #599079;
  --color-tropical-freeze-600: #407660;
  --color-tropical-freeze-700: #2d604c;
  --color-tropical-freeze-800: #1f4c3b;
  --color-tropical-freeze-900: #143b2c;
  --color-tropical-freeze-950: #09251b;
  --color-icy-plains: #d0daff;
  --color-icy-plains-50: #f5f8ff;
  --color-icy-plains-100: #e9eeff;
  --color-icy-plains-200: #d0daff;
  --color-icy-plains-300: #bbc3e1;
  --color-icy-plains-400: #9aa3c4;
  --color-icy-plains-500: #7e86a8;
  --color-icy-plains-600: #636b8b;
  --color-icy-plains-700: #4d5471;
  --color-icy-plains-800: #3b415a;
  --color-icy-plains-900: #2c3247;
  --color-icy-plains-950: #1b1e2e;
  --color-on-cloud-nine: #b6eaed;
  --color-on-cloud-nine-50: #edfeff;
  --color-on-cloud-nine-100: #dbf8fa;
  --color-on-cloud-nine-200: #b6eaed;
  --color-on-cloud-nine-300: #a6d0d2;
  --color-on-cloud-nine-400: #81b0b3;
  --color-on-cloud-nine-500: #629496;
  --color-on-cloud-nine-600: #47777a;
  --color-on-cloud-nine-700: #325f61;
  --color-on-cloud-nine-800: #224a4c;
  --color-on-cloud-nine-900: #17393b;
  --color-on-cloud-nine-950: #0b2425;
  --color-pink-glitter: #ffded5;
  --color-pink-glitter-50: #ffece7;
  --color-pink-glitter-100: #ffded5;
  --color-pink-glitter-200: #e6cdc6;
  --color-pink-glitter-300: #d2b7af;
  --color-pink-glitter-400: #b59890;
  --color-pink-glitter-500: #9a7d75;
  --color-pink-glitter-600: #7f645c;
  --color-pink-glitter-700: #684e48;
  --color-pink-glitter-800: #523c36;
  --color-pink-glitter-900: #402e29;
  --color-pink-glitter-950: #291c18;
}