Salmon Flush to Bitter Liquorice color palette

EDC8CCSalmon Flush BD9DA1Coca Mocha 788B9ERoman Silver 676E55Herbal Whispers 38454EArsenic 23291EBitter Liquorice

Open in generator Export PNG, PDF, ASE…

About this palette

Salmon Flush to Bitter Liquorice is a 6-color muted, gradient palette: #EDC8CC (Salmon Flush), #BD9DA1 (Coca Mocha), #788B9E (Roman Silver), #676E55 (Herbal Whispers), #38454E (Arsenic), #23291E (Bitter Liquorice). It mixes pink, red, blue, green, gray tones and feels balanced overall. The strongest text pairing is #EDC8CC on #23291E with a contrast ratio of 9.76:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Salmon Flush	rgb(237, 200, 204)	hsl(354, 51%, 86%)
Coca Mocha	rgb(189, 157, 161)	hsl(352, 20%, 68%)
Roman Silver	rgb(120, 139, 158)	hsl(210, 16%, 55%)
Herbal Whispers	rgb(103, 110, 85)	hsl(77, 13%, 38%)
Arsenic	rgb(56, 69, 78)	hsl(205, 16%, 26%)
Bitter Liquorice	rgb(35, 41, 30)	hsl(93, 15%, 14%)

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.

Aa9.76:1 Very good#EDC8CC on #23291E
Aa9.76:1 Very good#23291E on #EDC8CC
Aa6.45:1 Good#EDC8CC on #38454E
Aa6.45:1 Good#38454E on #EDC8CC
Aa6.04:1 Good#BD9DA1 on #23291E
Aa6.04:1 Good#23291E on #BD9DA1
Aa4.25:1 Poor#788B9E on #23291E
Aa4.25:1 Poor#23291E on #788B9E

Color blindness preview

CSS variables

/* Salmon Flush to Bitter Liquorice — https://swatchly.xyz/palette/edc8cc-bd9da1-788b9e-676e55-38454e-23291e */
:root {
  --salmon-flush: #edc8cc;
  --coca-mocha: #bd9da1;
  --roman-silver: #788b9e;
  --herbal-whispers: #676e55;
  --arsenic: #38454e;
  --bitter-liquorice: #23291e;
}

Tailwind CSS v4

/* Salmon Flush to Bitter Liquorice — https://swatchly.xyz/palette/edc8cc-bd9da1-788b9e-676e55-38454e-23291e */
@theme {
  --color-salmon-flush: #edc8cc;
  --color-salmon-flush-50: #ffedef;
  --color-salmon-flush-100: #f9e0e3;
  --color-salmon-flush-200: #edc8cc;
  --color-salmon-flush-300: #d3b4b7;
  --color-salmon-flush-400: #b69598;
  --color-salmon-flush-500: #9c7a7e;
  --color-salmon-flush-600: #806165;
  --color-salmon-flush-700: #684c4f;
  --color-salmon-flush-800: #533b3e;
  --color-salmon-flush-900: #412c2f;
  --color-salmon-flush-950: #2a1b1c;
  --color-coca-mocha: #bd9da1;
  --color-coca-mocha-50: #fff4f5;
  --color-coca-mocha-100: #fde8ea;
  --color-coca-mocha-200: #ecd4d7;
  --color-coca-mocha-300: #d9bdc0;
  --color-coca-mocha-400: #bd9da1;
  --color-coca-mocha-500: #a08185;
  --color-coca-mocha-600: #83666a;
  --color-coca-mocha-700: #6a4f53;
  --color-coca-mocha-800: #543d40;
  --color-coca-mocha-900: #412e30;
  --color-coca-mocha-950: #291b1d;
  --color-roman-silver: #788b9e;
  --color-roman-silver-50: #eef7ff;
  --color-roman-silver-100: #e1eefb;
  --color-roman-silver-200: #ccdbea;
  --color-roman-silver-300: #b4c5d6;
  --color-roman-silver-400: #93a6b9;
  --color-roman-silver-500: #788b9e;
  --color-roman-silver-600: #5e7082;
  --color-roman-silver-700: #485969;
  --color-roman-silver-800: #374553;
  --color-roman-silver-900: #293541;
  --color-roman-silver-950: #182129;
  --color-herbal-whispers: #676e55;
  --color-herbal-whispers-50: #f3f8e8;
  --color-herbal-whispers-100: #e8eedc;
  --color-herbal-whispers-200: #d4dac5;
  --color-herbal-whispers-300: #bdc4ac;
  --color-herbal-whispers-400: #9da48b;
  --color-herbal-whispers-500: #81896f;
  --color-herbal-whispers-600: #676e55;
  --color-herbal-whispers-700: #515741;
  --color-herbal-whispers-800: #3f4431;
  --color-herbal-whispers-900: #303524;
  --color-herbal-whispers-950: #1d2115;
  --color-arsenic: #38454e;
  --color-arsenic-50: #eef7fd;
  --color-arsenic-100: #e3edf4;
  --color-arsenic-200: #ced9e2;
  --color-arsenic-300: #b6c3cc;
  --color-arsenic-400: #96a4ae;
  --color-arsenic-500: #7a8993;
  --color-arsenic-600: #616e78;
  --color-arsenic-700: #4b5860;
  --color-arsenic-800: #38454e;
  --color-arsenic-900: #2c353b;
  --color-arsenic-950: #1a2125;
  --color-bitter-liquorice: #23291e;
  --color-bitter-liquorice-50: #f2f7ef;
  --color-bitter-liquorice-100: #e8ede4;
  --color-bitter-liquorice-200: #d4dacf;
  --color-bitter-liquorice-300: #bdc4b7;
  --color-bitter-liquorice-400: #9da497;
  --color-bitter-liquorice-500: #838b7d;
  --color-bitter-liquorice-600: #6a7265;
  --color-bitter-liquorice-700: #565c50;
  --color-bitter-liquorice-800: #444a40;
  --color-bitter-liquorice-900: #363b32;
  --color-bitter-liquorice-950: #23291e;
}