Hard Candy to Whisky Cola color palette

FCBDB1Hard Candy 48CE7ASeaweed 859CE8Cold Lips 368556Monster Monstera 364E9DLe Grand Bleu 7E2128Whisky Cola

Open in generator Export PNG, PDF, ASE…

About this palette

Hard Candy to Whisky Cola is a 6-color cool palette: #FCBDB1 (Hard Candy), #48CE7A (Seaweed), #859CE8 (Cold Lips), #368556 (Monster Monstera), #364E9D (Le Grand Bleu), #7E2128 (Whisky Cola). It mixes pink, green, blue, red tones and feels cool overall. The strongest text pairing is #FCBDB1 on #7E2128 with a contrast ratio of 6.11:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Hard Candy	rgb(252, 189, 177)	hsl(10, 93%, 84%)
Seaweed	rgb(72, 206, 122)	hsl(142, 58%, 55%)
Cold Lips	rgb(133, 156, 232)	hsl(226, 68%, 72%)
Monster Monstera	rgb(54, 133, 86)	hsl(144, 42%, 37%)
Le Grand Bleu	rgb(54, 78, 157)	hsl(226, 49%, 41%)
Whisky Cola	rgb(126, 33, 40)	hsl(355, 58%, 31%)

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.

Aa6.11:1 Good#FCBDB1 on #7E2128
Aa6.11:1 Good#7E2128 on #FCBDB1
Aa4.86:1 Good#48CE7A on #7E2128
Aa4.86:1 Good#7E2128 on #48CE7A
Aa4.78:1 Good#FCBDB1 on #364E9D
Aa4.78:1 Good#364E9D on #FCBDB1
Aa3.80:1 Poor#48CE7A on #364E9D
Aa3.80:1 Poor#364E9D on #48CE7A

Color blindness preview

CSS variables

/* Hard Candy to Whisky Cola — https://swatchly.xyz/palette/fcbdb1-48ce7a-859ce8-368556-364e9d-7e2128 */
:root {
  --hard-candy: #fcbdb1;
  --seaweed: #48ce7a;
  --cold-lips: #859ce8;
  --monster-monstera: #368556;
  --le-grand-bleu: #364e9d;
  --whisky-cola: #7e2128;
}

Tailwind CSS v4

/* Hard Candy to Whisky Cola — https://swatchly.xyz/palette/fcbdb1-48ce7a-859ce8-368556-364e9d-7e2128 */
@theme {
  --color-hard-candy: #fcbdb1;
  --color-hard-candy-50: #ffeae5;
  --color-hard-candy-100: #ffdad3;
  --color-hard-candy-200: #fcbdb1;
  --color-hard-candy-300: #e1aaa0;
  --color-hard-candy-400: #c58b80;
  --color-hard-candy-500: #aa7167;
  --color-hard-candy-600: #8f594f;
  --color-hard-candy-700: #76453c;
  --color-hard-candy-800: #60352d;
  --color-hard-candy-900: #4b2721;
  --color-hard-candy-950: #311712;
  --color-seaweed: #48ce7a;
  --color-seaweed-50: #f0fff4;
  --color-seaweed-100: #d8ffe1;
  --color-seaweed-200: #a7f8bd;
  --color-seaweed-300: #86e7a3;
  --color-seaweed-400: #48ce7a;
  --color-seaweed-500: #1cae5d;
  --color-seaweed-600: #008d47;
  --color-seaweed-700: #006f37;
  --color-seaweed-800: #005629;
  --color-seaweed-900: #00411d;
  --color-seaweed-950: #00270f;
  --color-cold-lips: #859ce8;
  --color-cold-lips-50: #f1f4ff;
  --color-cold-lips-100: #e3eaff;
  --color-cold-lips-200: #c7d5ff;
  --color-cold-lips-300: #a8bdff;
  --color-cold-lips-400: #859ce8;
  --color-cold-lips-500: #6b80ca;
  --color-cold-lips-600: #5266ac;
  --color-cold-lips-700: #3f508f;
  --color-cold-lips-800: #2f3d75;
  --color-cold-lips-900: #232e5d;
  --color-cold-lips-950: #141c3e;
  --color-monster-monstera: #368556;
  --color-monster-monstera-50: #deffe7;
  --color-monster-monstera-100: #cbfad9;
  --color-monster-monstera-200: #b2eac4;
  --color-monster-monstera-300: #96d6ab;
  --color-monster-monstera-400: #70ba8a;
  --color-monster-monstera-500: #529f6f;
  --color-monster-monstera-600: #368556;
  --color-monster-monstera-700: #1f6b40;
  --color-monster-monstera-800: #0d552f;
  --color-monster-monstera-900: #024222;
  --color-monster-monstera-950: #002913;
  --color-le-grand-bleu: #364e9d;
  --color-le-grand-bleu-50: #f1f5ff;
  --color-le-grand-bleu-100: #e3ebff;
  --color-le-grand-bleu-200: #c7d7ff;
  --color-le-grand-bleu-300: #a6bfff;
  --color-le-grand-bleu-400: #809df0;
  --color-le-grand-bleu-500: #6481d5;
  --color-le-grand-bleu-600: #4c66b6;
  --color-le-grand-bleu-700: #364e9d;
  --color-le-grand-bleu-800: #293d7c;
  --color-le-grand-bleu-900: #1e2e63;
  --color-le-grand-bleu-950: #101b42;
  --color-whisky-cola: #7e2128;
  --color-whisky-cola-50: #fff1f1;
  --color-whisky-cola-100: #ffe4e2;
  --color-whisky-cola-200: #ffc8c5;
  --color-whisky-cola-300: #ffa6a4;
  --color-whisky-cola-400: #e58382;
  --color-whisky-cola-500: #ca6767;
  --color-whisky-cola-600: #ad4d4f;
  --color-whisky-cola-700: #91393c;
  --color-whisky-cola-800: #7e2128;
  --color-whisky-cola-900: #601c20;
  --color-whisky-cola-950: #400e11;
}