Mink to Bitter Liquorice color palette

8A7765Mink 8AA29CJapanese Bonsai D5C0C6Mecha Kitty 2E4959One Year of Rain 202A29Bitter Liquorice

About this palette

Mink to Bitter Liquorice is a 5-color muted palette: #8A7765 (Mink), #8AA29C (Japanese Bonsai), #D5C0C6 (Mecha Kitty), #2E4959 (One Year of Rain), #202A29 (Bitter Liquorice). It mixes orange, gray, blue tones and feels balanced overall. The strongest text pairing is #D5C0C6 on #202A29 with a contrast ratio of 8.55:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Mink	rgb(138, 119, 101)	hsl(29, 15%, 47%)
Japanese Bonsai	rgb(138, 162, 156)	hsl(165, 11%, 59%)
Mecha Kitty	rgb(213, 192, 198)	hsl(343, 20%, 79%)
One Year of Rain	rgb(46, 73, 89)	hsl(202, 32%, 26%)
Bitter Liquorice	rgb(32, 42, 41)	hsl(174, 14%, 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.

Aa8.55:1 Very good#D5C0C6 on #202A29
Aa8.55:1 Very good#202A29 on #D5C0C6
Aa5.50:1 Good#D5C0C6 on #2E4959
Aa5.50:1 Good#2E4959 on #D5C0C6
Aa5.43:1 Good#8AA29C on #202A29
Aa5.43:1 Good#202A29 on #8AA29C
Aa3.49:1 Poor#8AA29C on #2E4959
Aa3.49:1 Poor#2E4959 on #8AA29C

Color blindness preview

CSS variables

/* Mink to Bitter Liquorice — https://swatchly.xyz/palette/8a7765-8aa29c-d5c0c6-2e4959-202a29 */
:root {
  --mink: #8a7765;
  --japanese-bonsai: #8aa29c;
  --mecha-kitty: #d5c0c6;
  --one-year-of-rain: #2e4959;
  --bitter-liquorice: #202a29;
}

Tailwind CSS v4

/* Mink to Bitter Liquorice — https://swatchly.xyz/palette/8a7765-8aa29c-d5c0c6-2e4959-202a29 */
@theme {
  --color-mink: #8a7765;
  --color-mink-50: #fdf1e5;
  --color-mink-100: #f2e4d7;
  --color-mink-200: #decebf;
  --color-mink-300: #c7b5a4;
  --color-mink-400: #a79482;
  --color-mink-500: #8a7765;
  --color-mink-600: #715f4e;
  --color-mink-700: #5b4b3c;
  --color-mink-800: #483a2d;
  --color-mink-900: #392d22;
  --color-mink-950: #241c14;
  --color-japanese-bonsai: #8aa29c;
  --color-japanese-bonsai-50: #e9f7f3;
  --color-japanese-bonsai-100: #dcece8;
  --color-japanese-bonsai-200: #c5d8d4;
  --color-japanese-bonsai-300: #acc2bc;
  --color-japanese-bonsai-400: #8aa29c;
  --color-japanese-bonsai-500: #708882;
  --color-japanese-bonsai-600: #586e68;
  --color-japanese-bonsai-700: #445853;
  --color-japanese-bonsai-800: #334541;
  --color-japanese-bonsai-900: #273632;
  --color-japanese-bonsai-950: #17221f;
  --color-mecha-kitty: #d5c0c6;
  --color-mecha-kitty-50: #fff5f8;
  --color-mecha-kitty-100: #f8ebef;
  --color-mecha-kitty-200: #e7d7dc;
  --color-mecha-kitty-300: #d5c0c6;
  --color-mecha-kitty-400: #b3a0a6;
  --color-mecha-kitty-500: #978489;
  --color-mecha-kitty-600: #7b696e;
  --color-mecha-kitty-700: #625257;
  --color-mecha-kitty-800: #4d3f43;
  --color-mecha-kitty-900: #3b2f33;
  --color-mecha-kitty-950: #251d1f;
  --color-one-year-of-rain: #2e4959;
  --color-one-year-of-rain-50: #ebf7ff;
  --color-one-year-of-rain-100: #dbeefb;
  --color-one-year-of-rain-200: #c4dbea;
  --color-one-year-of-rain-300: #acc6d6;
  --color-one-year-of-rain-400: #8ba7b9;
  --color-one-year-of-rain-500: #6f8c9e;
  --color-one-year-of-rain-600: #567283;
  --color-one-year-of-rain-700: #425c6b;
  --color-one-year-of-rain-800: #2e4959;
  --color-one-year-of-rain-900: #253843;
  --color-one-year-of-rain-950: #15232b;
  --color-bitter-liquorice: #202a29;
  --color-bitter-liquorice-50: #f0f7f6;
  --color-bitter-liquorice-100: #e5edec;
  --color-bitter-liquorice-200: #d0dad9;
  --color-bitter-liquorice-300: #b9c3c2;
  --color-bitter-liquorice-400: #99a4a3;
  --color-bitter-liquorice-500: #7f8b89;
  --color-bitter-liquorice-600: #677271;
  --color-bitter-liquorice-700: #525d5c;
  --color-bitter-liquorice-800: #414b4a;
  --color-bitter-liquorice-900: #343c3b;
  --color-bitter-liquorice-950: #202a29;
}