Desert Temple to Ivory Tower Color Palette

About this palette

Desert Temple to Ivory Tower is a 4-color pastel, light palette: #D9CD9F (Desert Temple), #FEDCED (Strawberry Cheesecake), #8FE0F5 (Blizzard Blue), #FFF5F5 (Ivory Tower). It mixes yellow, pink, blue, white tones and feels warm overall. The strongest text pairing is #D9CD9F on #FFF5F5 with a contrast ratio of 1.49:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Desert Temple	rgb(217, 205, 159)	hsl(48, 43%, 74%)
Strawberry Cheesecake	rgb(254, 220, 237)	hsl(330, 94%, 93%)
Blizzard Blue	rgb(143, 224, 245)	hsl(192, 84%, 76%)
Ivory Tower	rgb(255, 245, 245)	hsl(0, 100%, 98%)

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 Ivory Tower — https://swatchly.xyz/palette/d9cd9f-fedced-8fe0f5-fff5f5 */
:root {
  --desert-temple: #d9cd9f;
  --strawberry-cheesecake: #fedced;
  --blizzard-blue: #8fe0f5;
  --ivory-tower: #fff5f5;
}

Tailwind CSS v4

/* Desert Temple to Ivory Tower — https://swatchly.xyz/palette/d9cd9f-fedced-8fe0f5-fff5f5 */
@theme {
  --color-desert-temple: #d9cd9f;
  --color-desert-temple-50: #f5eed2;
  --color-desert-temple-100: #eae2c3;
  --color-desert-temple-200: #d9cd9f;
  --color-desert-temple-300: #c3b890;
  --color-desert-temple-400: #a69b70;
  --color-desert-temple-500: #8d8156;
  --color-desert-temple-600: #73683f;
  --color-desert-temple-700: #5d542d;
  --color-desert-temple-800: #4b4220;
  --color-desert-temple-900: #3a3315;
  --color-desert-temple-950: #241f0a;
  --color-strawberry-cheesecake: #fedced;
  --color-strawberry-cheesecake-50: #ffebf5;
  --color-strawberry-cheesecake-100: #fedced;
  --color-strawberry-cheesecake-200: #e5ccd8;
  --color-strawberry-cheesecake-300: #d1b5c3;
  --color-strawberry-cheesecake-400: #b496a5;
  --color-strawberry-cheesecake-500: #997b8a;
  --color-strawberry-cheesecake-600: #7e6170;
  --color-strawberry-cheesecake-700: #664c5a;
  --color-strawberry-cheesecake-800: #513b46;
  --color-strawberry-cheesecake-900: #3f2c36;
  --color-strawberry-cheesecake-950: #281b22;
  --color-blizzard-blue: #8fe0f5;
  --color-blizzard-blue-50: #daf7ff;
  --color-blizzard-blue-100: #bef0fe;
  --color-blizzard-blue-200: #8fe0f5;
  --color-blizzard-blue-300: #84c8da;
  --color-blizzard-blue-400: #5dabbe;
  --color-blizzard-blue-500: #3e90a4;
  --color-blizzard-blue-600: #217688;
  --color-blizzard-blue-700: #065f70;
  --color-blizzard-blue-800: #004b59;
  --color-blizzard-blue-900: #003a45;
  --color-blizzard-blue-950: #00242c;
  --color-ivory-tower: #fff5f5;
  --color-ivory-tower-50: #fff5f5;
  --color-ivory-tower-100: #f2ecec;
  --color-ivory-tower-200: #ded7d7;
  --color-ivory-tower-300: #c8c0c0;
  --color-ivory-tower-400: #a9a0a0;
  --color-ivory-tower-500: #8d8484;
  --color-ivory-tower-600: #726969;
  --color-ivory-tower-700: #5b5353;
  --color-ivory-tower-800: #474041;
  --color-ivory-tower-900: #373131;
  --color-ivory-tower-950: #221e1e;
}