Exotic Escape to Big Spender Color Palette

About this palette

Exotic Escape to Big Spender is a 5-color pastel, light, cool palette: #93D8DC (Exotic Escape), #B7FDFF (The Big Freeze), #FFCDA4 (Polly), #EDEFFF (Foundation White), #AFDAB3 (Big Spender). It mixes turquoise, orange, white, green tones and feels cool overall. The strongest text pairing is #93D8DC on #B7FDFF with a contrast ratio of 1.41:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Exotic Escape	rgb(147, 216, 220)	hsl(183, 51%, 72%)
The Big Freeze	rgb(183, 253, 255)	hsl(182, 100%, 86%)
Polly	rgb(255, 205, 164)	hsl(27, 100%, 82%)
Foundation White	rgb(237, 239, 255)	hsl(233, 100%, 96%)
Big Spender	rgb(175, 218, 179)	hsl(126, 37%, 77%)

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 Big Spender — https://swatchly.xyz/palette/93d8dc-b7fdff-ffcda4-edefff-afdab3 */
:root {
  --exotic-escape: #93d8dc;
  --the-big-freeze: #b7fdff;
  --polly: #ffcda4;
  --foundation-white: #edefff;
  --big-spender: #afdab3;
}

Tailwind CSS v4

/* Exotic Escape to Big Spender — https://swatchly.xyz/palette/93d8dc-b7fdff-ffcda4-edefff-afdab3 */
@theme {
  --color-exotic-escape: #93d8dc;
  --color-exotic-escape-50: #ecfeff;
  --color-exotic-escape-100: #d3fafc;
  --color-exotic-escape-200: #bbe9ec;
  --color-exotic-escape-300: #93d8dc;
  --color-exotic-escape-400: #76b6b9;
  --color-exotic-escape-500: #55999d;
  --color-exotic-escape-600: #387c80;
  --color-exotic-escape-700: #216366;
  --color-exotic-escape-800: #114d50;
  --color-exotic-escape-900: #063b3d;
  --color-exotic-escape-950: #012527;
  --color-the-big-freeze: #b7fdff;
  --color-the-big-freeze-50: #e1feff;
  --color-the-big-freeze-100: #b7fdff;
  --color-the-big-freeze-200: #b4e5e6;
  --color-the-big-freeze-300: #96cfd1;
  --color-the-big-freeze-400: #6fb0b2;
  --color-the-big-freeze-500: #509496;
  --color-the-big-freeze-600: #35787b;
  --color-the-big-freeze-700: #1f6062;
  --color-the-big-freeze-800: #104c4e;
  --color-the-big-freeze-900: #063b3c;
  --color-the-big-freeze-950: #012526;
  --color-polly: #ffcda4;
  --color-polly-50: #fff3ea;
  --color-polly-100: #ffe7d3;
  --color-polly-200: #ffcda4;
  --color-polly-300: #e2b896;
  --color-polly-400: #c59772;
  --color-polly-500: #a97c55;
  --color-polly-600: #8c613c;
  --color-polly-700: #724b29;
  --color-polly-800: #5b391b;
  --color-polly-900: #482b11;
  --color-polly-950: #2e1a07;
  --color-foundation-white: #edefff;
  --color-foundation-white-50: #edefff;
  --color-foundation-white-100: #e5e6f1;
  --color-foundation-white-200: #d2d3df;
  --color-foundation-white-300: #bcbdcb;
  --color-foundation-white-400: #9d9fad;
  --color-foundation-white-500: #838493;
  --color-foundation-white-600: #696b78;
  --color-foundation-white-700: #535460;
  --color-foundation-white-800: #40414c;
  --color-foundation-white-900: #31323b;
  --color-foundation-white-950: #1e1f25;
  --color-big-spender: #afdab3;
  --color-big-spender-50: #dcf6de;
  --color-big-spender-100: #ceebd1;
  --color-big-spender-200: #afdab3;
  --color-big-spender-300: #9ec4a2;
  --color-big-spender-400: #7fa783;
  --color-big-spender-500: #658d69;
  --color-big-spender-600: #4d7452;
  --color-big-spender-700: #3a5e3f;
  --color-big-spender-800: #2c4b30;
  --color-big-spender-900: #203a23;
  --color-big-spender-950: #112414;
}