Exotic Escape to Bisque color palette

8CD6D6Exotic Escape B2E6B5Celadon E8D19AHoneycomb Glow FDD3F7Kissed by Mist C7ECF9Icy Breeze FCE2C2Bisque

Open in generator Export PNG, PDF, ASE…

About this palette

Exotic Escape to Bisque is a 6-color pastel, light palette: #8CD6D6 (Exotic Escape), #B2E6B5 (Celadon), #E8D19A (Honeycomb Glow), #FDD3F7 (Kissed by Mist), #C7ECF9 (Icy Breeze), #FCE2C2 (Bisque). It mixes turquoise, green, yellow, pink, blue, orange tones and feels balanced overall. The strongest text pairing is #8CD6D6 on #FCE2C2 with a contrast ratio of 1.32:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Exotic Escape	rgb(140, 214, 214)	hsl(180, 47%, 69%)
Celadon	rgb(178, 230, 181)	hsl(123, 51%, 80%)
Honeycomb Glow	rgb(232, 209, 154)	hsl(42, 63%, 76%)
Kissed by Mist	rgb(253, 211, 247)	hsl(309, 91%, 91%)
Icy Breeze	rgb(199, 236, 249)	hsl(196, 81%, 88%)
Bisque	rgb(252, 226, 194)	hsl(33, 91%, 87%)

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 Bisque — https://swatchly.xyz/palette/8cd6d6-b2e6b5-e8d19a-fdd3f7-c7ecf9-fce2c2 */
:root {
  --exotic-escape: #8cd6d6;
  --celadon: #b2e6b5;
  --honeycomb-glow: #e8d19a;
  --kissed-by-mist: #fdd3f7;
  --icy-breeze: #c7ecf9;
  --bisque: #fce2c2;
}

Tailwind CSS v4

/* Exotic Escape to Bisque — https://swatchly.xyz/palette/8cd6d6-b2e6b5-e8d19a-fdd3f7-c7ecf9-fce2c2 */
@theme {
  --color-exotic-escape: #8cd6d6;
  --color-exotic-escape-50: #e2ffff;
  --color-exotic-escape-100: #cef9f8;
  --color-exotic-escape-200: #b5e8e7;
  --color-exotic-escape-300: #8cd6d6;
  --color-exotic-escape-400: #6fb4b4;
  --color-exotic-escape-500: #4e9898;
  --color-exotic-escape-600: #317b7c;
  --color-exotic-escape-700: #1a6363;
  --color-exotic-escape-800: #084d4e;
  --color-exotic-escape-900: #003b3c;
  --color-exotic-escape-950: #002526;
  --color-celadon: #b2e6b5;
  --color-celadon-50: #e1fee2;
  --color-celadon-100: #d4f4d5;
  --color-celadon-200: #b2e6b5;
  --color-celadon-300: #a2cda4;
  --color-celadon-400: #7faf82;
  --color-celadon-500: #639466;
  --color-celadon-600: #4a794e;
  --color-celadon-700: #36613a;
  --color-celadon-800: #264c2a;
  --color-celadon-900: #1b3b1e;
  --color-celadon-950: #0e2511;
  --color-honeycomb-glow: #e8d19a;
  --color-honeycomb-glow-50: #fef1d2;
  --color-honeycomb-glow-100: #f5e6c3;
  --color-honeycomb-glow-200: #e8d19a;
  --color-honeycomb-glow-300: #cfbc8d;
  --color-honeycomb-glow-400: #b29d69;
  --color-honeycomb-glow-500: #97824d;
  --color-honeycomb-glow-600: #7c6835;
  --color-honeycomb-glow-700: #655222;
  --color-honeycomb-glow-800: #504015;
  --color-honeycomb-glow-900: #3f310b;
  --color-honeycomb-glow-950: #281e04;
  --color-kissed-by-mist: #fdd3f7;
  --color-kissed-by-mist-50: #fee5fa;
  --color-kissed-by-mist-100: #fdd3f7;
  --color-kissed-by-mist-200: #e5c5e0;
  --color-kissed-by-mist-300: #d2aecd;
  --color-kissed-by-mist-400: #b58fb0;
  --color-kissed-by-mist-500: #9b7596;
  --color-kissed-by-mist-600: #815d7c;
  --color-kissed-by-mist-700: #694965;
  --color-kissed-by-mist-800: #533750;
  --color-kissed-by-mist-900: #41293e;
  --color-kissed-by-mist-950: #2a1828;
  --color-icy-breeze: #c7ecf9;
  --color-icy-breeze-50: #dff4fc;
  --color-icy-breeze-100: #c7ecf9;
  --color-icy-breeze-200: #bcd8e2;
  --color-icy-breeze-300: #a4c3ce;
  --color-icy-breeze-400: #83a5b1;
  --color-icy-breeze-500: #688b96;
  --color-icy-breeze-600: #50717c;
  --color-icy-breeze-700: #3c5b65;
  --color-icy-breeze-800: #2c4750;
  --color-icy-breeze-900: #20373e;
  --color-icy-breeze-950: #122227;
  --color-bisque: #fce2c2;
  --color-bisque-50: #feefdc;
  --color-bisque-100: #fce2c2;
  --color-bisque-200: #e4d0b8;
  --color-bisque-300: #d0ba9f;
  --color-bisque-400: #b39b7e;
  --color-bisque-500: #988063;
  --color-bisque-600: #7d674b;
  --color-bisque-700: #655138;
  --color-bisque-800: #503f28;
  --color-bisque-900: #3f301d;
  --color-bisque-950: #281d0f;
}