Exotic Escape to Hard Candy Color Palette

About this palette

Exotic Escape to Hard Candy is a 4-color pastel, light palette: #93D8E5 (Exotic Escape), #FDE9B4 (Solar), #E7FFDA (Herbal Vapours), #FDBBB3 (Hard Candy). It mixes turquoise, yellow, white, pink tones and feels balanced overall. The strongest text pairing is #E7FFDA on #FDBBB3 with a contrast ratio of 1.52:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Exotic Escape	rgb(147, 216, 229)	hsl(190, 61%, 74%)
Solar	rgb(253, 233, 180)	hsl(44, 95%, 85%)
Herbal Vapours	rgb(231, 255, 218)	hsl(99, 100%, 93%)
Hard Candy	rgb(253, 187, 179)	hsl(6, 95%, 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

/* Exotic Escape to Hard Candy — https://swatchly.xyz/palette/93d8e5-fde9b4-e7ffda-fdbbb3 */
:root {
  --exotic-escape: #93d8e5;
  --solar: #fde9b4;
  --herbal-vapours: #e7ffda;
  --hard-candy: #fdbbb3;
}

Tailwind CSS v4

/* Exotic Escape to Hard Candy — https://swatchly.xyz/palette/93d8e5-fde9b4-e7ffda-fdbbb3 */
@theme {
  --color-exotic-escape: #93d8e5;
  --color-exotic-escape-50: #f1fdff;
  --color-exotic-escape-100: #d9f9ff;
  --color-exotic-escape-200: #bbe9f2;
  --color-exotic-escape-300: #93d8e5;
  --color-exotic-escape-400: #76b5c1;
  --color-exotic-escape-500: #5598a5;
  --color-exotic-escape-600: #377b87;
  --color-exotic-escape-700: #21626d;
  --color-exotic-escape-800: #104c56;
  --color-exotic-escape-900: #053a42;
  --color-exotic-escape-950: #01242a;
  --color-solar: #fde9b4;
  --color-solar-50: #fff4d7;
  --color-solar-100: #fde9b4;
  --color-solar-200: #e4d6b0;
  --color-solar-300: #d0bf94;
  --color-solar-400: #b2a06f;
  --color-solar-500: #978453;
  --color-solar-600: #7c6a3a;
  --color-solar-700: #645427;
  --color-solar-800: #4f4119;
  --color-solar-900: #3d310f;
  --color-solar-950: #271e06;
  --color-herbal-vapours: #e7ffda;
  --color-herbal-vapours-50: #e7ffda;
  --color-herbal-vapours-100: #e3f1db;
  --color-herbal-vapours-200: #cddec4;
  --color-herbal-vapours-300: #b5c9aa;
  --color-herbal-vapours-400: #94aa89;
  --color-herbal-vapours-500: #798e6d;
  --color-herbal-vapours-600: #5f7353;
  --color-herbal-vapours-700: #495c3f;
  --color-herbal-vapours-800: #38482f;
  --color-herbal-vapours-900: #2a3822;
  --color-herbal-vapours-950: #192313;
  --color-hard-candy: #fdbbb3;
  --color-hard-candy-50: #ffe9e6;
  --color-hard-candy-100: #ffd9d4;
  --color-hard-candy-200: #fdbbb3;
  --color-hard-candy-300: #e2a9a2;
  --color-hard-candy-400: #c68a82;
  --color-hard-candy-500: #ac7069;
  --color-hard-candy-600: #905751;
  --color-hard-candy-700: #77443e;
  --color-hard-candy-800: #61342f;
  --color-hard-candy-900: #4c2623;
  --color-hard-candy-950: #311614;
}