Desert Temple to Crushed Ice Color Palette

About this palette

Desert Temple to Crushed Ice is a 4-color pastel, light, cool palette: #D6CC99 (Desert Temple), #D0C6E9 (Foggy Love), #94ECDA (Sea Glass Teal), #C5FEF4 (Crushed Ice). It mixes yellow, purple, turquoise, white tones and feels cool overall. The strongest text pairing is #D0C6E9 on #C5FEF4 with a contrast ratio of 1.46:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Desert Temple	rgb(214, 204, 153)	hsl(50, 43%, 72%)
Foggy Love	rgb(208, 198, 233)	hsl(257, 44%, 85%)
Sea Glass Teal	rgb(148, 236, 218)	hsl(168, 70%, 75%)
Crushed Ice	rgb(197, 254, 244)	hsl(169, 97%, 88%)

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

/* Desert Temple to Crushed Ice — https://swatchly.xyz/palette/d6cc99-d0c6e9-94ecda-c5fef4 */
:root {
  --desert-temple: #d6cc99;
  --foggy-love: #d0c6e9;
  --sea-glass-teal: #94ecda;
  --crushed-ice: #c5fef4;
}

Tailwind CSS v4

/* Desert Temple to Crushed Ice — https://swatchly.xyz/palette/d6cc99-d0c6e9-94ecda-c5fef4 */
@theme {
  --color-desert-temple: #d6cc99;
  --color-desert-temple-50: #fffbe5;
  --color-desert-temple-100: #f8f3d6;
  --color-desert-temple-200: #e8e1be;
  --color-desert-temple-300: #d6cc99;
  --color-desert-temple-400: #b4aa7c;
  --color-desert-temple-500: #978d5d;
  --color-desert-temple-600: #7a7141;
  --color-desert-temple-700: #61592d;
  --color-desert-temple-800: #4c441d;
  --color-desert-temple-900: #3a3312;
  --color-desert-temple-950: #241f08;
  --color-foggy-love: #d0c6e9;
  --color-foggy-love-50: #f0eaff;
  --color-foggy-love-100: #e4ddf6;
  --color-foggy-love-200: #d0c6e9;
  --color-foggy-love-300: #bbb2d1;
  --color-foggy-love-400: #9e94b5;
  --color-foggy-love-500: #847b9b;
  --color-foggy-love-600: #6c6381;
  --color-foggy-love-700: #574e6a;
  --color-foggy-love-800: #453e56;
  --color-foggy-love-900: #352f43;
  --color-foggy-love-950: #211c2b;
  --color-sea-glass-teal: #94ecda;
  --color-sea-glass-teal-50: #dafff6;
  --color-sea-glass-teal-100: #c5f8ed;
  --color-sea-glass-teal-200: #94ecda;
  --color-sea-glass-teal-300: #8ad2c3;
  --color-sea-glass-teal-400: #60b4a4;
  --color-sea-glass-teal-500: #3e9888;
  --color-sea-glass-teal-600: #1e7c6e;
  --color-sea-glass-teal-700: #006457;
  --color-sea-glass-teal-800: #004e43;
  --color-sea-glass-teal-900: #003c34;
  --color-sea-glass-teal-950: #002620;
  --color-crushed-ice: #c5fef4;
  --color-crushed-ice-50: #c5fef4;
  --color-crushed-ice-100: #ccf0e9;
  --color-crushed-ice-200: #b5ded7;
  --color-crushed-ice-300: #9bcac2;
  --color-crushed-ice-400: #78aca3;
  --color-crushed-ice-500: #5c9189;
  --color-crushed-ice-600: #42776f;
  --color-crushed-ice-700: #2f5f58;
  --color-crushed-ice-800: #1f4b45;
  --color-crushed-ice-900: #153a35;
  --color-crushed-ice-950: #092421;
}