Alligator Gladiator to Golden Harvest color palette

483E00Alligator Gladiator 00835EShadows of Time 00A439Fennel Fiasco 95C37APistachio D4CA1DGolden Harvest

Open in generator Export PNG, PDF, ASE…

About this palette

Alligator Gladiator to Golden Harvest is a 5-color cool, gradient palette: #483E00 (Alligator Gladiator), #00835E (Shadows of Time), #00A439 (Fennel Fiasco), #95C37A (Pistachio), #D4CA1D (Golden Harvest). It mixes brown, turquoise, green, yellow tones and feels cool overall. The strongest text pairing is #483E00 on #D4CA1D with a contrast ratio of 6.24:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Alligator Gladiator	rgb(72, 62, 0)	hsl(52, 100%, 14%)
Shadows of Time	rgb(0, 131, 94)	hsl(163, 100%, 26%)
Fennel Fiasco	rgb(0, 164, 57)	hsl(141, 100%, 32%)
Pistachio	rgb(149, 195, 122)	hsl(98, 38%, 62%)
Golden Harvest	rgb(212, 202, 29)	hsl(57, 76%, 47%)

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.

Aa6.24:1 Good#483E00 on #D4CA1D
Aa6.24:1 Good#D4CA1D on #483E00
Aa5.28:1 Good#483E00 on #95C37A
Aa5.28:1 Good#95C37A on #483E00
Aa3.24:1 Poor#483E00 on #00A439
Aa3.24:1 Poor#00A439 on #483E00

Color blindness preview

CSS variables

/* Alligator Gladiator to Golden Harvest — https://swatchly.xyz/palette/483e00-00835e-00a439-95c37a-d4ca1d */
:root {
  --alligator-gladiator: #483e00;
  --shadows-of-time: #00835e;
  --fennel-fiasco: #00a439;
  --pistachio: #95c37a;
  --golden-harvest: #d4ca1d;
}

Tailwind CSS v4

/* Alligator Gladiator to Golden Harvest — https://swatchly.xyz/palette/483e00-00835e-00a439-95c37a-d4ca1d */
@theme {
  --color-alligator-gladiator: #483e00;
  --color-alligator-gladiator-50: #fcf6d7;
  --color-alligator-gladiator-100: #f3ecc9;
  --color-alligator-gladiator-200: #e0d9af;
  --color-alligator-gladiator-300: #cac191;
  --color-alligator-gladiator-400: #aba16c;
  --color-alligator-gladiator-500: #8f854e;
  --color-alligator-gladiator-600: #736935;
  --color-alligator-gladiator-700: #5b5221;
  --color-alligator-gladiator-800: #483e00;
  --color-alligator-gladiator-900: #36300b;
  --color-alligator-gladiator-950: #211d04;
  --color-shadows-of-time: #00835e;
  --color-shadows-of-time-50: #dbffee;
  --color-shadows-of-time-100: #c1fbe0;
  --color-shadows-of-time-200: #a4ebcb;
  --color-shadows-of-time-300: #84d7b3;
  --color-shadows-of-time-400: #59b993;
  --color-shadows-of-time-500: #349e78;
  --color-shadows-of-time-600: #00835e;
  --color-shadows-of-time-700: #00684a;
  --color-shadows-of-time-800: #005239;
  --color-shadows-of-time-900: #003f2b;
  --color-shadows-of-time-950: #00281a;
  --color-fennel-fiasco: #00a439;
  --color-fennel-fiasco-50: #e1ffe3;
  --color-fennel-fiasco-100: #bfffc4;
  --color-fennel-fiasco-200: #99f1a2;
  --color-fennel-fiasco-300: #75dd83;
  --color-fennel-fiasco-400: #43c05a;
  --color-fennel-fiasco-500: #00a439;
  --color-fennel-fiasco-600: #00842c;
  --color-fennel-fiasco-700: #006921;
  --color-fennel-fiasco-800: #005218;
  --color-fennel-fiasco-900: #004011;
  --color-fennel-fiasco-950: #002807;
  --color-pistachio: #95c37a;
  --color-pistachio-50: #dcf9cc;
  --color-pistachio-100: #cdedbb;
  --color-pistachio-200: #b3d99e;
  --color-pistachio-300: #95c37a;
  --color-pistachio-400: #79a55f;
  --color-pistachio-500: #618c45;
  --color-pistachio-600: #4a732f;
  --color-pistachio-700: #385d1e;
  --color-pistachio-800: #2a4b12;
  --color-pistachio-900: #1f3b09;
  --color-pistachio-950: #112503;
  --color-golden-harvest: #d4ca1d;
  --color-golden-harvest-50: #fffcb4;
  --color-golden-harvest-100: #f6f3a1;
  --color-golden-harvest-200: #e5e07c;
  --color-golden-harvest-300: #d4ca1d;
  --color-golden-harvest-400: #b2a900;
  --color-golden-harvest-500: #948c00;
  --color-golden-harvest-600: #777100;
  --color-golden-harvest-700: #5e5900;
  --color-golden-harvest-800: #494500;
  --color-golden-harvest-900: #383400;
  --color-golden-harvest-950: #232000;
}