Lindworm Green to Durian White color palette

212708Lindworm Green 486500Serrano Pepper A0814EForbidden Peanut 61C583Bermudagrass E4CEA6Durian White

Open in generator Export PNG, PDF, ASE…

About this palette

Lindworm Green to Durian White is a 5-color cool, earthy, vintage, gradient palette: #212708 (Lindworm Green), #486500 (Serrano Pepper), #A0814E (Forbidden Peanut), #61C583 (Bermudagrass), #E4CEA6 (Durian White). It mixes green, yellow tones and feels cool overall. The strongest text pairing is #212708 on #E4CEA6 with a contrast ratio of 10.07:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lindworm Green	rgb(33, 39, 8)	hsl(72, 66%, 9%)
Serrano Pepper	rgb(72, 101, 0)	hsl(77, 100%, 20%)
Forbidden Peanut	rgb(160, 129, 78)	hsl(37, 34%, 47%)
Bermudagrass	rgb(97, 197, 131)	hsl(140, 46%, 58%)
Durian White	rgb(228, 206, 166)	hsl(39, 53%, 77%)

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.

Aa10.07:1 Very good#212708 on #E4CEA6
Aa10.07:1 Very good#E4CEA6 on #212708
Aa7.23:1 Very good#212708 on #61C583
Aa7.23:1 Very good#61C583 on #212708
Aa4.36:1 Poor#486500 on #E4CEA6
Aa4.36:1 Poor#E4CEA6 on #486500
Aa4.23:1 Poor#212708 on #A0814E
Aa4.23:1 Poor#A0814E on #212708

Color blindness preview

CSS variables

/* Lindworm Green to Durian White — https://swatchly.xyz/palette/212708-486500-a0814e-61c583-e4cea6 */
:root {
  --lindworm-green: #212708;
  --serrano-pepper: #486500;
  --forbidden-peanut: #a0814e;
  --bermudagrass: #61c583;
  --durian-white: #e4cea6;
}

Tailwind CSS v4

/* Lindworm Green to Durian White — https://swatchly.xyz/palette/212708-486500-a0814e-61c583-e4cea6 */
@theme {
  --color-lindworm-green: #212708;
  --color-lindworm-green-50: #f3f8e4;
  --color-lindworm-green-100: #e8efd8;
  --color-lindworm-green-200: #d4dbc0;
  --color-lindworm-green-300: #bdc5a7;
  --color-lindworm-green-400: #9ea685;
  --color-lindworm-green-500: #838c6a;
  --color-lindworm-green-600: #6a7252;
  --color-lindworm-green-700: #555c3e;
  --color-lindworm-green-800: #43492f;
  --color-lindworm-green-900: #343a23;
  --color-lindworm-green-950: #212708;
  --color-serrano-pepper: #486500;
  --color-serrano-pepper-50: #e9fecf;
  --color-serrano-pepper-100: #def5c0;
  --color-serrano-pepper-200: #c9e4a4;
  --color-serrano-pepper-300: #b1cf87;
  --color-serrano-pepper-400: #91b160;
  --color-serrano-pepper-500: #769641;
  --color-serrano-pepper-600: #5d7c25;
  --color-serrano-pepper-700: #486500;
  --color-serrano-pepper-800: #384f00;
  --color-serrano-pepper-900: #2a3d00;
  --color-serrano-pepper-950: #192600;
  --color-forbidden-peanut: #a0814e;
  --color-forbidden-peanut-50: #fff4e2;
  --color-forbidden-peanut-100: #fde8c8;
  --color-forbidden-peanut-200: #edd4ad;
  --color-forbidden-peanut-300: #d9bd90;
  --color-forbidden-peanut-400: #bb9d6b;
  --color-forbidden-peanut-500: #a0814e;
  --color-forbidden-peanut-600: #846735;
  --color-forbidden-peanut-700: #6b5022;
  --color-forbidden-peanut-800: #553e14;
  --color-forbidden-peanut-900: #432f0a;
  --color-forbidden-peanut-950: #2b1c03;
  --color-bermudagrass: #61c583;
  --color-bermudagrass-50: #ecfff0;
  --color-bermudagrass-100: #d0ffdc;
  --color-bermudagrass-200: #b0f2c2;
  --color-bermudagrass-300: #92dfa9;
  --color-bermudagrass-400: #61c583;
  --color-bermudagrass-500: #41a667;
  --color-bermudagrass-600: #1a884b;
  --color-bermudagrass-700: #006d37;
  --color-bermudagrass-800: #005429;
  --color-bermudagrass-900: #00401e;
  --color-bermudagrass-950: #002710;
  --color-durian-white: #e4cea6;
  --color-durian-white-50: #fcefd8;
  --color-durian-white-100: #f2e4ca;
  --color-durian-white-200: #e4cea6;
  --color-durian-white-300: #ccb997;
  --color-durian-white-400: #af9b75;
  --color-durian-white-500: #95805b;
  --color-durian-white-600: #7a6743;
  --color-durian-white-700: #635231;
  --color-durian-white-800: #4f4023;
  --color-durian-white-900: #3e3118;
  --color-durian-white-950: #271e0c;
}