Blackwater to Bitter Liquorice color palette

575769Blackwater 819888Parisian Patina D5B0BDMauvelous E4DBF6Scented Spring 212B20Bitter Liquorice

About this palette

Blackwater to Bitter Liquorice is a 5-color muted palette: #575769 (Blackwater), #819888 (Parisian Patina), #D5B0BD (Mauvelous), #E4DBF6 (Scented Spring), #212B20 (Bitter Liquorice). It mixes gray, green, pink, purple tones and feels cool overall. The strongest text pairing is #E4DBF6 on #212B20 with a contrast ratio of 11.01:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blackwater	rgb(87, 87, 105)	hsl(240, 9%, 38%)
Parisian Patina	rgb(129, 152, 136)	hsl(138, 10%, 55%)
Mauvelous	rgb(213, 176, 189)	hsl(339, 31%, 76%)
Scented Spring	rgb(228, 219, 246)	hsl(260, 60%, 91%)
Bitter Liquorice	rgb(33, 43, 32)	hsl(115, 15%, 15%)

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.

Aa11.01:1 Very good#E4DBF6 on #212B20
Aa11.01:1 Very good#212B20 on #E4DBF6
Aa7.53:1 Very good#D5B0BD on #212B20
Aa7.53:1 Very good#212B20 on #D5B0BD
Aa5.30:1 Good#575769 on #E4DBF6
Aa5.30:1 Good#E4DBF6 on #575769
Aa4.74:1 Good#819888 on #212B20
Aa4.74:1 Good#212B20 on #819888

Color blindness preview

CSS variables

/* Blackwater to Bitter Liquorice — https://swatchly.xyz/palette/575769-819888-d5b0bd-e4dbf6-212b20 */
:root {
  --blackwater: #575769;
  --parisian-patina: #819888;
  --mauvelous: #d5b0bd;
  --scented-spring: #e4dbf6;
  --bitter-liquorice: #212b20;
}

Tailwind CSS v4

/* Blackwater to Bitter Liquorice — https://swatchly.xyz/palette/575769-819888-d5b0bd-e4dbf6-212b20 */
@theme {
  --color-blackwater: #575769;
  --color-blackwater-50: #f4f4ff;
  --color-blackwater-100: #eaeaf7;
  --color-blackwater-200: #d6d7e6;
  --color-blackwater-300: #c0c0d2;
  --color-blackwater-400: #a1a2b5;
  --color-blackwater-500: #87879a;
  --color-blackwater-600: #6d6d80;
  --color-blackwater-700: #575769;
  --color-blackwater-800: #444452;
  --color-blackwater-900: #343440;
  --color-blackwater-950: #202029;
  --color-parisian-patina: #819888;
  --color-parisian-patina-50: #eefbf2;
  --color-parisian-patina-100: #e5f4e9;
  --color-parisian-patina-200: #d1e3d6;
  --color-parisian-patina-300: #bbcfc1;
  --color-parisian-patina-400: #9cb2a2;
  --color-parisian-patina-500: #819888;
  --color-parisian-patina-600: #657b6c;
  --color-parisian-patina-700: #4e6254;
  --color-parisian-patina-800: #3a4c40;
  --color-parisian-patina-900: #2b3a30;
  --color-parisian-patina-950: #19241c;
  --color-mauvelous: #d5b0bd;
  --color-mauvelous-50: #ffedf3;
  --color-mauvelous-100: #f9e0e8;
  --color-mauvelous-200: #e7cad4;
  --color-mauvelous-300: #d5b0bd;
  --color-mauvelous-400: #b5929f;
  --color-mauvelous-500: #9a7884;
  --color-mauvelous-600: #7f5f6b;
  --color-mauvelous-700: #674a55;
  --color-mauvelous-800: #523943;
  --color-mauvelous-900: #412c34;
  --color-mauvelous-950: #291a20;
  --color-scented-spring: #e4dbf6;
  --color-scented-spring-50: #fcfaff;
  --color-scented-spring-100: #f5f0ff;
  --color-scented-spring-200: #e4dbf6;
  --color-scented-spring-300: #cbc4da;
  --color-scented-spring-400: #aaa2ba;
  --color-scented-spring-500: #8e859e;
  --color-scented-spring-600: #726a81;
  --color-scented-spring-700: #5a5267;
  --color-scented-spring-800: #453f51;
  --color-scented-spring-900: #35303f;
  --color-scented-spring-950: #211d28;
  --color-bitter-liquorice: #212b20;
  --color-bitter-liquorice-50: #f0f8ef;
  --color-bitter-liquorice-100: #e6eee5;
  --color-bitter-liquorice-200: #d1dbd0;
  --color-bitter-liquorice-300: #bac5b8;
  --color-bitter-liquorice-400: #99a598;
  --color-bitter-liquorice-500: #808c7f;
  --color-bitter-liquorice-600: #677366;
  --color-bitter-liquorice-700: #535e52;
  --color-bitter-liquorice-800: #424c41;
  --color-bitter-liquorice-900: #353d34;
  --color-bitter-liquorice-950: #212b20;
}