Gourmet Honey to Toxic Latte color palette

E4CAA9Gourmet Honey ABDCF5Endless Horizon D5E7ABMermaid Tears FAE6C8Delightful Pastry E3FFE3Toxic Latte

Open in generator Export PNG, PDF, ASE…

About this palette

Gourmet Honey to Toxic Latte is a 5-color pastel, light, cool palette: #E4CAA9 (Gourmet Honey), #ABDCF5 (Endless Horizon), #D5E7AB (Mermaid Tears), #FAE6C8 (Delightful Pastry), #E3FFE3 (Toxic Latte). It mixes orange, blue, green, yellow, white tones and feels cool overall. The strongest text pairing is #E4CAA9 on #E3FFE3 with a contrast ratio of 1.48:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Gourmet Honey	rgb(228, 202, 169)	hsl(34, 52%, 78%)
Endless Horizon	rgb(171, 220, 245)	hsl(200, 79%, 82%)
Mermaid Tears	rgb(213, 231, 171)	hsl(78, 56%, 79%)
Delightful Pastry	rgb(250, 230, 200)	hsl(36, 83%, 88%)
Toxic Latte	rgb(227, 255, 227)	hsl(120, 100%, 95%)

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

/* Gourmet Honey to Toxic Latte — https://swatchly.xyz/palette/e4caa9-abdcf5-d5e7ab-fae6c8-e3ffe3 */
:root {
  --gourmet-honey: #e4caa9;
  --endless-horizon: #abdcf5;
  --mermaid-tears: #d5e7ab;
  --delightful-pastry: #fae6c8;
  --toxic-latte: #e3ffe3;
}

Tailwind CSS v4

/* Gourmet Honey to Toxic Latte — https://swatchly.xyz/palette/e4caa9-abdcf5-d5e7ab-fae6c8-e3ffe3 */
@theme {
  --color-gourmet-honey: #e4caa9;
  --color-gourmet-honey-50: #fcecd9;
  --color-gourmet-honey-100: #f2e1ca;
  --color-gourmet-honey-200: #e4caa9;
  --color-gourmet-honey-300: #ccb699;
  --color-gourmet-honey-400: #b09879;
  --color-gourmet-honey-500: #967e5f;
  --color-gourmet-honey-600: #7b6547;
  --color-gourmet-honey-700: #645035;
  --color-gourmet-honey-800: #513f27;
  --color-gourmet-honey-900: #3f301c;
  --color-gourmet-honey-950: #281d0e;
  --color-endless-horizon: #abdcf5;
  --color-endless-horizon-50: #e4f6ff;
  --color-endless-horizon-100: #cfeefe;
  --color-endless-horizon-200: #abdcf5;
  --color-endless-horizon-300: #9bc5da;
  --color-endless-horizon-400: #79a7bd;
  --color-endless-horizon-500: #5d8ca3;
  --color-endless-horizon-600: #447187;
  --color-endless-horizon-700: #315b6e;
  --color-endless-horizon-800: #224759;
  --color-endless-horizon-900: #173746;
  --color-endless-horizon-950: #0b222d;
  --color-mermaid-tears: #d5e7ab;
  --color-mermaid-tears-50: #f5ffe0;
  --color-mermaid-tears-100: #ebf6d4;
  --color-mermaid-tears-200: #d5e7ab;
  --color-mermaid-tears-300: #bfce9d;
  --color-mermaid-tears-400: #9eae77;
  --color-mermaid-tears-500: #819159;
  --color-mermaid-tears-600: #66753e;
  --color-mermaid-tears-700: #4f5d2a;
  --color-mermaid-tears-800: #3d481b;
  --color-mermaid-tears-900: #2e3711;
  --color-mermaid-tears-950: #1c2307;
  --color-delightful-pastry: #fae6c8;
  --color-delightful-pastry-50: #fdf2e1;
  --color-delightful-pastry-100: #fae6c8;
  --color-delightful-pastry-200: #e2d3bd;
  --color-delightful-pastry-300: #cebda4;
  --color-delightful-pastry-400: #b09e83;
  --color-delightful-pastry-500: #958367;
  --color-delightful-pastry-600: #7a694e;
  --color-delightful-pastry-700: #62533b;
  --color-delightful-pastry-800: #4e402b;
  --color-delightful-pastry-900: #3c311f;
  --color-delightful-pastry-950: #261e11;
  --color-toxic-latte: #e3ffe3;
  --color-toxic-latte-50: #e3ffe3;
  --color-toxic-latte-100: #e0f1e0;
  --color-toxic-latte-200: #cadfca;
  --color-toxic-latte-300: #b2c9b2;
  --color-toxic-latte-400: #91aa91;
  --color-toxic-latte-500: #758e75;
  --color-toxic-latte-600: #5b735c;
  --color-toxic-latte-700: #465c46;
  --color-toxic-latte-800: #354835;
  --color-toxic-latte-900: #283828;
  --color-toxic-latte-950: #172317;
}