Memorial Black to Bimi Green color palette

0C0E00Memorial Black 3E0A00Black Chocolate 512900Evil Cigar 752262Pretty in Prune 5D6023Bimi Green

About this palette

Memorial Black to Bimi Green is a 5-color dark, warm, earthy palette: #0C0E00 (Memorial Black), #3E0A00 (Black Chocolate), #512900 (Evil Cigar), #752262 (Pretty in Prune), #5D6023 (Bimi Green). It mixes black, brown, purple tones and feels warm overall. The strongest text pairing is #0C0E00 on #5D6023 with a contrast ratio of 2.93:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Memorial Black	rgb(12, 14, 0)	hsl(69, 100%, 3%)
Black Chocolate	rgb(62, 10, 0)	hsl(10, 100%, 12%)
Evil Cigar	rgb(81, 41, 0)	hsl(30, 100%, 16%)
Pretty in Prune	rgb(117, 34, 98)	hsl(314, 55%, 30%)
Bimi Green	rgb(93, 96, 35)	hsl(63, 47%, 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.

Color blindness preview

CSS variables

/* Memorial Black to Bimi Green — https://swatchly.xyz/palette/0c0e00-3e0a00-512900-752262-5d6023 */
:root {
  --memorial-black: #0c0e00;
  --black-chocolate: #3e0a00;
  --evil-cigar: #512900;
  --pretty-in-prune: #752262;
  --bimi-green: #5d6023;
}

Tailwind CSS v4

/* Memorial Black to Bimi Green — https://swatchly.xyz/palette/0c0e00-3e0a00-512900-752262-5d6023 */
@theme {
  --color-memorial-black: #0c0e00;
  --color-memorial-black-50: #f4f7e8;
  --color-memorial-black-100: #eaeddd;
  --color-memorial-black-200: #d6dac7;
  --color-memorial-black-300: #c0c4ae;
  --color-memorial-black-400: #a0a48d;
  --color-memorial-black-500: #81856d;
  --color-memorial-black-600: #636650;
  --color-memorial-black-700: #494c39;
  --color-memorial-black-800: #333626;
  --color-memorial-black-900: #212317;
  --color-memorial-black-950: #0c0e00;
  --color-black-chocolate: #3e0a00;
  --color-black-chocolate-50: #fff2ee;
  --color-black-chocolate-100: #ffe5dd;
  --color-black-chocolate-200: #fdcabc;
  --color-black-chocolate-300: #ebb1a2;
  --color-black-chocolate-400: #ce907f;
  --color-black-chocolate-500: #b27463;
  --color-black-chocolate-600: #955a4a;
  --color-black-chocolate-700: #7a4537;
  --color-black-chocolate-800: #623428;
  --color-black-chocolate-900: #4d271c;
  --color-black-chocolate-950: #3e0a00;
  --color-evil-cigar: #512900;
  --color-evil-cigar-50: #fff3e9;
  --color-evil-cigar-100: #ffe6d3;
  --color-evil-cigar-200: #f5cfb2;
  --color-evil-cigar-300: #e2b797;
  --color-evil-cigar-400: #c59773;
  --color-evil-cigar-500: #aa7c57;
  --color-evil-cigar-600: #8e623e;
  --color-evil-cigar-700: #744c2b;
  --color-evil-cigar-800: #5e3b1d;
  --color-evil-cigar-900: #512900;
  --color-evil-cigar-950: #311b08;
  --color-pretty-in-prune: #752262;
  --color-pretty-in-prune-50: #fff0fa;
  --color-pretty-in-prune-100: #ffe1f5;
  --color-pretty-in-prune-200: #ffc1ec;
  --color-pretty-in-prune-300: #f4a4dc;
  --color-pretty-in-prune-400: #d982c0;
  --color-pretty-in-prune-500: #be66a6;
  --color-pretty-in-prune-600: #a24d8c;
  --color-pretty-in-prune-700: #883974;
  --color-pretty-in-prune-800: #752262;
  --color-pretty-in-prune-900: #591c4b;
  --color-pretty-in-prune-950: #3b0e31;
  --color-bimi-green: #5d6023;
  --color-bimi-green-50: #f5f9d6;
  --color-bimi-green-100: #ecefc8;
  --color-bimi-green-200: #d9ddaf;
  --color-bimi-green-300: #c4c894;
  --color-bimi-green-400: #a6aa70;
  --color-bimi-green-500: #8c9053;
  --color-bimi-green-600: #73763a;
  --color-bimi-green-700: #5d6023;
  --color-bimi-green-800: #494b18;
  --color-bimi-green-900: #383a0d;
  --color-bimi-green-950: #232404;
}