Blackout to Bimi Green Color Palette

About this palette

Blackout to Bimi Green is a 5-color dark, earthy palette: #090900 (Blackout), #262500 (Lindworm Green), #572400 (Evil Cigar), #005A50 (Evergreen), #596522 (Bimi Green). It mixes black, brown, turquoise, green tones and feels balanced overall. The strongest text pairing is #090900 on #596522 with a contrast ratio of 3.15:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blackout	rgb(9, 9, 0)	hsl(60, 100%, 2%)
Lindworm Green	rgb(38, 37, 0)	hsl(58, 100%, 7%)
Evil Cigar	rgb(87, 36, 0)	hsl(25, 100%, 17%)
Evergreen	rgb(0, 90, 80)	hsl(173, 100%, 18%)
Bimi Green	rgb(89, 101, 34)	hsl(71, 50%, 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.15:1 Poor#090900 on #596522
Aa3.15:1 Poor#596522 on #090900

Color blindness preview

CSS variables

/* Blackout to Bimi Green — https://swatchly.xyz/palette/090900-262500-572400-005a50-596522 */
:root {
  --blackout: #090900;
  --lindworm-green: #262500;
  --evil-cigar: #572400;
  --evergreen: #005a50;
  --bimi-green: #596522;
}

Tailwind CSS v4

/* Blackout to Bimi Green — https://swatchly.xyz/palette/090900-262500-572400-005a50-596522 */
@theme {
  --color-blackout: #090900;
  --color-blackout-50: #f5f6ea;
  --color-blackout-100: #ececdf;
  --color-blackout-200: #d8d9c9;
  --color-blackout-300: #c1c3b0;
  --color-blackout-400: #a2a38f;
  --color-blackout-500: #82836f;
  --color-blackout-600: #636351;
  --color-blackout-700: #484839;
  --color-blackout-800: #313125;
  --color-blackout-900: #1e1e15;
  --color-blackout-950: #090900;
  --color-lindworm-green: #262500;
  --color-lindworm-green-50: #f7f7e0;
  --color-lindworm-green-100: #ededd3;
  --color-lindworm-green-200: #d9dabb;
  --color-lindworm-green-300: #c3c4a1;
  --color-lindworm-green-400: #a4a57e;
  --color-lindworm-green-500: #8a8a63;
  --color-lindworm-green-600: #70704b;
  --color-lindworm-green-700: #5a5a37;
  --color-lindworm-green-800: #484729;
  --color-lindworm-green-900: #38381e;
  --color-lindworm-green-950: #262500;
  --color-evil-cigar: #572400;
  --color-evil-cigar-50: #fff2ec;
  --color-evil-cigar-100: #ffe5d8;
  --color-evil-cigar-200: #fcccb2;
  --color-evil-cigar-300: #e9b396;
  --color-evil-cigar-400: #cd9373;
  --color-evil-cigar-500: #b27757;
  --color-evil-cigar-600: #955d3e;
  --color-evil-cigar-700: #7b482b;
  --color-evil-cigar-800: #64371d;
  --color-evil-cigar-900: #572400;
  --color-evil-cigar-950: #341908;
  --color-evergreen: #005a50;
  --color-evergreen-50: #d8fff7;
  --color-evergreen-100: #caf6ed;
  --color-evergreen-200: #ade3d8;
  --color-evergreen-300: #8eccc1;
  --color-evergreen-400: #66aca0;
  --color-evergreen-500: #478f83;
  --color-evergreen-600: #2b7268;
  --color-evergreen-700: #005a50;
  --color-evergreen-800: #07463e;
  --color-evergreen-900: #013630;
  --color-evergreen-950: #00221d;
  --color-bimi-green: #596522;
  --color-bimi-green-50: #f1fbd5;
  --color-bimi-green-100: #e7f1c7;
  --color-bimi-green-200: #d4e0ae;
  --color-bimi-green-300: #bfcc93;
  --color-bimi-green-400: #a1ae6f;
  --color-bimi-green-500: #879452;
  --color-bimi-green-600: #6e7b39;
  --color-bimi-green-700: #596522;
  --color-bimi-green-800: #454f16;
  --color-bimi-green-900: #353d0a;
  --color-bimi-green-950: #202603;
}