Exotic Escape to Toxic Latte color palette

91D7DAExotic Escape E7D19FHoneycomb Glow BBEBB4Ice Ice DFD0FFNeon Boneyard FFE6C3Fricassée DFFFDFToxic Latte

Open in generator Export PNG, PDF, ASE…

About this palette

Exotic Escape to Toxic Latte is a 6-color pastel, light, cool palette: #91D7DA (Exotic Escape), #E7D19F (Honeycomb Glow), #BBEBB4 (Ice Ice), #DFD0FF (Neon Boneyard), #FFE6C3 (Fricassée), #DFFFDF (Toxic Latte). It mixes turquoise, yellow, green, purple, white tones and feels cool overall. The strongest text pairing is #91D7DA on #DFFFDF with a contrast ratio of 1.51:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Exotic Escape	rgb(145, 215, 218)	hsl(182, 50%, 71%)
Honeycomb Glow	rgb(231, 209, 159)	hsl(42, 60%, 76%)
Ice Ice	rgb(187, 235, 180)	hsl(112, 58%, 81%)
Neon Boneyard	rgb(223, 208, 255)	hsl(259, 100%, 91%)
Fricassée	rgb(255, 230, 195)	hsl(35, 100%, 88%)
Toxic Latte	rgb(223, 255, 223)	hsl(120, 100%, 94%)

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 Toxic Latte — https://swatchly.xyz/palette/91d7da-e7d19f-bbebb4-dfd0ff-ffe6c3-dfffdf */
:root {
  --exotic-escape: #91d7da;
  --honeycomb-glow: #e7d19f;
  --ice-ice: #bbebb4;
  --neon-boneyard: #dfd0ff;
  --fricass-e: #ffe6c3;
  --toxic-latte: #dfffdf;
}

Tailwind CSS v4

/* Exotic Escape to Toxic Latte — https://swatchly.xyz/palette/91d7da-e7d19f-bbebb4-dfd0ff-ffe6c3-dfffdf */
@theme {
  --color-exotic-escape: #91d7da;
  --color-exotic-escape-50: #e8feff;
  --color-exotic-escape-100: #d2f9fb;
  --color-exotic-escape-200: #b9e9ea;
  --color-exotic-escape-300: #91d7da;
  --color-exotic-escape-400: #74b5b8;
  --color-exotic-escape-500: #53989b;
  --color-exotic-escape-600: #367c7f;
  --color-exotic-escape-700: #206265;
  --color-exotic-escape-800: #0f4d4f;
  --color-exotic-escape-900: #053b3d;
  --color-exotic-escape-950: #012526;
  --color-honeycomb-glow: #e7d19f;
  --color-honeycomb-glow-50: #fef1d5;
  --color-honeycomb-glow-100: #f4e6c6;
  --color-honeycomb-glow-200: #e7d19f;
  --color-honeycomb-glow-300: #cebc91;
  --color-honeycomb-glow-400: #b19d6e;
  --color-honeycomb-glow-500: #968252;
  --color-honeycomb-glow-600: #7c683a;
  --color-honeycomb-glow-700: #645228;
  --color-honeycomb-glow-800: #50401a;
  --color-honeycomb-glow-900: #3e3110;
  --color-honeycomb-glow-950: #271e07;
  --color-ice-ice: #bbebb4;
  --color-ice-ice-50: #eaffe7;
  --color-ice-ice-100: #dcf8d7;
  --color-ice-ice-200: #bbebb4;
  --color-ice-ice-300: #aad1a4;
  --color-ice-ice-400: #86b280;
  --color-ice-ice-500: #699663;
  --color-ice-ice-600: #4f7a49;
  --color-ice-ice-700: #3a6135;
  --color-ice-ice-800: #2a4c25;
  --color-ice-ice-900: #1e3b1a;
  --color-ice-ice-950: #10250d;
  --color-neon-boneyard: #dfd0ff;
  --color-neon-boneyard-50: #f7f4ff;
  --color-neon-boneyard-100: #efe8ff;
  --color-neon-boneyard-200: #dfd0ff;
  --color-neon-boneyard-300: #c7bbe2;
  --color-neon-boneyard-400: #a89ac5;
  --color-neon-boneyard-500: #8c7ea9;
  --color-neon-boneyard-600: #72648d;
  --color-neon-boneyard-700: #5a4e73;
  --color-neon-boneyard-800: #473c5c;
  --color-neon-boneyard-900: #362d48;
  --color-neon-boneyard-950: #221b2f;
  --color-fricass-e: #ffe6c3;
  --color-fricass-e-50: #fff2e0;
  --color-fricass-e-100: #ffe6c3;
  --color-fricass-e-200: #e6d4ba;
  --color-fricass-e-300: #d1bda0;
  --color-fricass-e-400: #b49d7e;
  --color-fricass-e-500: #988262;
  --color-fricass-e-600: #7d6849;
  --color-fricass-e-700: #655236;
  --color-fricass-e-800: #503f26;
  --color-fricass-e-900: #3e301b;
  --color-fricass-e-950: #281d0e;
  --color-toxic-latte: #dfffdf;
  --color-toxic-latte-50: #dfffdf;
  --color-toxic-latte-100: #def1dd;
  --color-toxic-latte-200: #c8dfc7;
  --color-toxic-latte-300: #afc9af;
  --color-toxic-latte-400: #8eaa8e;
  --color-toxic-latte-500: #728f72;
  --color-toxic-latte-600: #597459;
  --color-toxic-latte-700: #445d44;
  --color-toxic-latte-800: #334933;
  --color-toxic-latte-900: #263826;
  --color-toxic-latte-950: #162316;
}