Alligator Gladiator to Memorial Black Color Palette

About this palette

Alligator Gladiator to Memorial Black is a 4-color dark, earthy palette: #494013 (Alligator Gladiator), #1B2600 (Lindworm Green), #485E44 (Muddy Olive), #110D00 (Memorial Black). It mixes brown, green, black tones and feels cool overall. The strongest text pairing is #485E44 on #110D00 with a contrast ratio of 2.74:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Alligator Gladiator	rgb(73, 64, 19)	hsl(50, 59%, 18%)
Lindworm Green	rgb(27, 38, 0)	hsl(77, 100%, 7%)
Muddy Olive	rgb(72, 94, 68)	hsl(111, 16%, 32%)
Memorial Black	rgb(17, 13, 0)	hsl(46, 100%, 3%)

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

/* Alligator Gladiator to Memorial Black — https://swatchly.xyz/palette/494013-1b2600-485e44-110d00 */
:root {
  --alligator-gladiator: #494013;
  --lindworm-green: #1b2600;
  --muddy-olive: #485e44;
  --memorial-black: #110d00;
}

Tailwind CSS v4

/* Alligator Gladiator to Memorial Black — https://swatchly.xyz/palette/494013-1b2600-485e44-110d00 */
@theme {
  --color-alligator-gladiator: #494013;
  --color-alligator-gladiator-50: #fbf6dc;
  --color-alligator-gladiator-100: #f2ecce;
  --color-alligator-gladiator-200: #dfd8b5;
  --color-alligator-gladiator-300: #c9c199;
  --color-alligator-gladiator-400: #aba175;
  --color-alligator-gladiator-500: #8f8558;
  --color-alligator-gladiator-600: #746b3f;
  --color-alligator-gladiator-700: #5c542c;
  --color-alligator-gladiator-800: #494013;
  --color-alligator-gladiator-900: #373114;
  --color-alligator-gladiator-950: #221e09;
  --color-lindworm-green: #1b2600;
  --color-lindworm-green-50: #f0fae1;
  --color-lindworm-green-100: #e5f0d4;
  --color-lindworm-green-200: #d1ddbc;
  --color-lindworm-green-300: #b9c7a2;
  --color-lindworm-green-400: #99a880;
  --color-lindworm-green-500: #7e8d64;
  --color-lindworm-green-600: #65734b;
  --color-lindworm-green-700: #4f5c38;
  --color-lindworm-green-800: #3e4929;
  --color-lindworm-green-900: #2f391d;
  --color-lindworm-green-950: #1b2600;
  --color-muddy-olive: #485e44;
  --color-muddy-olive-50: #ecfae9;
  --color-muddy-olive-100: #e1f1de;
  --color-muddy-olive-200: #cbdec8;
  --color-muddy-olive-300: #b3c9af;
  --color-muddy-olive-400: #93aa8f;
  --color-muddy-olive-500: #788f73;
  --color-muddy-olive-600: #5e755a;
  --color-muddy-olive-700: #485e44;
  --color-muddy-olive-800: #384934;
  --color-muddy-olive-900: #2a3927;
  --color-muddy-olive-950: #192317;
  --color-memorial-black: #110d00;
  --color-memorial-black-50: #f8f5e8;
  --color-memorial-black-100: #efecdc;
  --color-memorial-black-200: #dcd8c6;
  --color-memorial-black-300: #c6c1ad;
  --color-memorial-black-400: #a7a28c;
  --color-memorial-black-500: #87836c;
  --color-memorial-black-600: #696550;
  --color-memorial-black-700: #4e4b39;
  --color-memorial-black-800: #383526;
  --color-memorial-black-900: #252218;
  --color-memorial-black-950: #110d00;
}