Bimi Green to Worcestershire Sauce color palette

About this palette

Bimi Green to Worcestershire Sauce is a 4-color dark, warm, earthy palette: #5F6C31 (Bimi Green), #210600 (Dwarf Fortress), #351919 (Bruised Plum), #592A2B (Worcestershire Sauce). It mixes green, black, brown tones and feels warm overall. The strongest text pairing is #5F6C31 on #210600 with a contrast ratio of 3.37:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Bimi Greenrgb(95, 108, 49)hsl(73, 38%, 31%)
Dwarf Fortressrgb(33, 6, 0)hsl(11, 100%, 6%)
Bruised Plumrgb(53, 25, 25)hsl(0, 36%, 15%)
Worcestershire Saucergb(89, 42, 43)hsl(359, 36%, 26%)

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.

  • Aa3.37:1 Poor#5F6C31 on #210600
  • Aa3.37:1 Poor#210600 on #5F6C31

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Bimi Green to Worcestershire Sauce — https://swatchly.xyz/palette/5f6c31-210600-351919-592a2b */
:root {
  --bimi-green: #5f6c31;
  --dwarf-fortress: #210600;
  --bruised-plum: #351919;
  --worcestershire-sauce: #592a2b;
}

Tailwind CSS v4

/* Bimi Green to Worcestershire Sauce — https://swatchly.xyz/palette/5f6c31-210600-351919-592a2b */
@theme {
  --color-bimi-green: #5f6c31;
  --color-bimi-green-50: #f1fad8;
  --color-bimi-green-100: #e5f0c8;
  --color-bimi-green-200: #cfdcad;
  --color-bimi-green-300: #b7c58f;
  --color-bimi-green-400: #96a46a;
  --color-bimi-green-500: #7a884c;
  --color-bimi-green-600: #5f6c31;
  --color-bimi-green-700: #4b5622;
  --color-bimi-green-800: #3a4315;
  --color-bimi-green-900: #2c340c;
  --color-bimi-green-950: #1b2005;
  --color-dwarf-fortress: #210600;
  --color-dwarf-fortress-50: #fff2ed;
  --color-dwarf-fortress-100: #ffe5db;
  --color-dwarf-fortress-200: #efd0c4;
  --color-dwarf-fortress-300: #dbb8ab;
  --color-dwarf-fortress-400: #bd988a;
  --color-dwarf-fortress-500: #9e796b;
  --color-dwarf-fortress-600: #7e5c4f;
  --color-dwarf-fortress-700: #624438;
  --color-dwarf-fortress-800: #483026;
  --color-dwarf-fortress-900: #321f18;
  --color-dwarf-fortress-950: #210600;
  --color-bruised-plum: #351919;
  --color-bruised-plum-50: #fff1f1;
  --color-bruised-plum-100: #fde4e3;
  --color-bruised-plum-200: #edcfce;
  --color-bruised-plum-300: #d9b8b6;
  --color-bruised-plum-400: #bb9796;
  --color-bruised-plum-500: #a07d7b;
  --color-bruised-plum-600: #856362;
  --color-bruised-plum-700: #6d4e4d;
  --color-bruised-plum-800: #583d3c;
  --color-bruised-plum-900: #462f2e;
  --color-bruised-plum-950: #351919;
  --color-worcestershire-sauce: #592a2b;
  --color-worcestershire-sauce-50: #fff1f1;
  --color-worcestershire-sauce-100: #ffe4e3;
  --color-worcestershire-sauce-200: #f8cbca;
  --color-worcestershire-sauce-300: #e5b2b1;
  --color-worcestershire-sauce-400: #c99392;
  --color-worcestershire-sauce-500: #af7878;
  --color-worcestershire-sauce-600: #94605f;
  --color-worcestershire-sauce-700: #7b4b4b;
  --color-worcestershire-sauce-800: #663b3b;
  --color-worcestershire-sauce-900: #592a2b;
  --color-worcestershire-sauce-950: #371c1c;
}

Similar palettes