Laksa to Grape Taffy Color Palette

About this palette

Laksa to Grape Taffy is a 5-color pastel, light, cool palette: #EBBC97 (Laksa), #82D9E4 (Cold Blue), #C0E7C8 (Mint-o-licious), #FFDCB6 (Pandora’s Box), #EFDDFF (Grape Taffy). It mixes orange, turquoise, green, purple tones and feels cool overall. The strongest text pairing is #EBBC97 on #EFDDFF with a contrast ratio of 1.35:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Laksa	rgb(235, 188, 151)	hsl(26, 68%, 76%)
Cold Blue	rgb(130, 217, 228)	hsl(187, 64%, 70%)
Mint-o-licious	rgb(192, 231, 200)	hsl(132, 45%, 83%)
Pandora’s Box	rgb(255, 220, 182)	hsl(31, 100%, 86%)
Grape Taffy	rgb(239, 221, 255)	hsl(272, 100%, 93%)

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

/* Laksa to Grape Taffy — https://swatchly.xyz/palette/ebbc97-82d9e4-c0e7c8-ffdcb6-efddff */
:root {
  --laksa: #ebbc97;
  --cold-blue: #82d9e4;
  --mint-o-licious: #c0e7c8;
  --pandora-s-box: #ffdcb6;
  --grape-taffy: #efddff;
}

Tailwind CSS v4

/* Laksa to Grape Taffy — https://swatchly.xyz/palette/ebbc97-82d9e4-c0e7c8-ffdcb6-efddff */
@theme {
  --color-laksa: #ebbc97;
  --color-laksa-50: #fff6f0;
  --color-laksa-100: #ffebdc;
  --color-laksa-200: #f7d5ba;
  --color-laksa-300: #ebbc97;
  --color-laksa-400: #c79c7a;
  --color-laksa-500: #ab7f5c;
  --color-laksa-600: #8e6442;
  --color-laksa-700: #734d2e;
  --color-laksa-800: #5b3b1f;
  --color-laksa-900: #472c14;
  --color-laksa-950: #2e1a09;
  --color-cold-blue: #82d9e4;
  --color-cold-blue-50: #ecfdff;
  --color-cold-blue-100: #d0faff;
  --color-cold-blue-200: #b0eaf2;
  --color-cold-blue-300: #82d9e4;
  --color-cold-blue-400: #66b7c1;
  --color-cold-blue-500: #419aa4;
  --color-cold-blue-600: #1f7d87;
  --color-cold-blue-700: #00646d;
  --color-cold-blue-800: #004d55;
  --color-cold-blue-900: #003b41;
  --color-cold-blue-950: #002529;
  --color-mint-o-licious: #c0e7c8;
  --color-mint-o-licious-50: #e9feed;
  --color-mint-o-licious-100: #def6e3;
  --color-mint-o-licious-200: #c0e7c8;
  --color-mint-o-licious-300: #aeceb4;
  --color-mint-o-licious-400: #8bae92;
  --color-mint-o-licious-500: #6e9276;
  --color-mint-o-licious-600: #54775c;
  --color-mint-o-licious-700: #3f5f46;
  --color-mint-o-licious-800: #2e4a35;
  --color-mint-o-licious-900: #223927;
  --color-mint-o-licious-950: #132417;
  --color-pandora-s-box: #ffdcb6;
  --color-pandora-s-box-50: #ffead4;
  --color-pandora-s-box-100: #ffdcb6;
  --color-pandora-s-box-200: #e6cbaf;
  --color-pandora-s-box-300: #d3b696;
  --color-pandora-s-box-400: #b79774;
  --color-pandora-s-box-500: #9d7d5a;
  --color-pandora-s-box-600: #826442;
  --color-pandora-s-box-700: #6b4f30;
  --color-pandora-s-box-800: #553d22;
  --color-pandora-s-box-900: #422e17;
  --color-pandora-s-box-950: #2a1c0b;
  --color-grape-taffy: #efddff;
  --color-grape-taffy-50: #f6ecff;
  --color-grape-taffy-100: #efddff;
  --color-grape-taffy-200: #dacce6;
  --color-grape-taffy-300: #c5b6d3;
  --color-grape-taffy-400: #a797b6;
  --color-grape-taffy-500: #8d7d9b;
  --color-grape-taffy-600: #736481;
  --color-grape-taffy-700: #5d4e69;
  --color-grape-taffy-800: #493c53;
  --color-grape-taffy-900: #382e41;
  --color-grape-taffy-950: #231c2a;
}