Avocado Stone to Lindworm Green Color Palette

About this palette

Avocado Stone to Lindworm Green is a 4-color dark, earthy palette: #4F4225 (Avocado Stone), #120D00 (Balsamico), #4B6124 (Greenhouse), #1C2A15 (Lindworm Green). It mixes brown, black, green tones and feels cool overall. The strongest text pairing is #120D00 on #4B6124 with a contrast ratio of 2.80:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Avocado Stone	rgb(79, 66, 37)	hsl(41, 36%, 23%)
Balsamico	rgb(18, 13, 0)	hsl(43, 100%, 4%)
Greenhouse	rgb(75, 97, 36)	hsl(82, 46%, 26%)
Lindworm Green	rgb(28, 42, 21)	hsl(100, 33%, 12%)

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

/* Avocado Stone to Lindworm Green — https://swatchly.xyz/palette/4f4225-120d00-4b6124-1c2a15 */
:root {
  --avocado-stone: #4f4225;
  --balsamico: #120d00;
  --greenhouse: #4b6124;
  --lindworm-green: #1c2a15;
}

Tailwind CSS v4

/* Avocado Stone to Lindworm Green — https://swatchly.xyz/palette/4f4225-120d00-4b6124-1c2a15 */
@theme {
  --color-avocado-stone: #4f4225;
  --color-avocado-stone-50: #fdf4e2;
  --color-avocado-stone-100: #f4ead6;
  --color-avocado-stone-200: #e2d6be;
  --color-avocado-stone-300: #cdc0a4;
  --color-avocado-stone-400: #afa182;
  --color-avocado-stone-500: #948566;
  --color-avocado-stone-600: #796b4d;
  --color-avocado-stone-700: #61553a;
  --color-avocado-stone-800: #4f4225;
  --color-avocado-stone-900: #3c331e;
  --color-avocado-stone-950: #261f10;
  --color-balsamico: #120d00;
  --color-balsamico-50: #f9f5e8;
  --color-balsamico-100: #efebdc;
  --color-balsamico-200: #dcd8c6;
  --color-balsamico-300: #c6c1ad;
  --color-balsamico-400: #a8a28c;
  --color-balsamico-500: #88826c;
  --color-balsamico-600: #6a6450;
  --color-balsamico-700: #4f4a39;
  --color-balsamico-800: #393526;
  --color-balsamico-900: #262318;
  --color-balsamico-950: #120d00;
  --color-greenhouse: #4b6124;
  --color-greenhouse-50: #ecfcd8;
  --color-greenhouse-100: #e1f3ca;
  --color-greenhouse-200: #cde1b1;
  --color-greenhouse-300: #b5cc96;
  --color-greenhouse-400: #95ad71;
  --color-greenhouse-500: #7a9255;
  --color-greenhouse-600: #61783c;
  --color-greenhouse-700: #4b6124;
  --color-greenhouse-800: #3a4c1a;
  --color-greenhouse-900: #2b3b0f;
  --color-greenhouse-950: #1a2506;
  --color-lindworm-green: #1c2a15;
  --color-lindworm-green-50: #eef9ea;
  --color-lindworm-green-100: #e4efde;
  --color-lindworm-green-200: #cfddc8;
  --color-lindworm-green-300: #b7c7b0;
  --color-lindworm-green-400: #97a88f;
  --color-lindworm-green-500: #7c8e75;
  --color-lindworm-green-600: #64745c;
  --color-lindworm-green-700: #4f5e48;
  --color-lindworm-green-800: #3e4c38;
  --color-lindworm-green-900: #313c2b;
  --color-lindworm-green-950: #1c2a15;
}