Venomous Sting to Swamp Thing Color Palette

About this palette

Venomous Sting to Swamp Thing is a 5-color cool, vintage palette: #BDE47E (Venomous Sting), #CD8EBE (La la Love), #9A5793 (Bermuda Onion), #505D1B (Greenhouse), #002721 (Swamp Thing). It mixes green, pink, turquoise tones and feels cool overall. The strongest text pairing is #BDE47E on #002721 with a contrast ratio of 11.10:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Venomous Sting	rgb(189, 228, 126)	hsl(83, 65%, 69%)
La la Love	rgb(205, 142, 190)	hsl(314, 39%, 68%)
Bermuda Onion	rgb(154, 87, 147)	hsl(306, 28%, 47%)
Greenhouse	rgb(80, 93, 27)	hsl(72, 55%, 24%)
Swamp Thing	rgb(0, 39, 33)	hsl(171, 100%, 8%)

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.

Aa11.10:1 Very good#BDE47E on #002721
Aa11.10:1 Very good#002721 on #BDE47E
Aa6.26:1 Good#CD8EBE on #002721
Aa6.26:1 Good#002721 on #CD8EBE
Aa4.98:1 Good#BDE47E on #505D1B
Aa4.98:1 Good#505D1B on #BDE47E
Aa3.50:1 Poor#BDE47E on #9A5793
Aa3.50:1 Poor#9A5793 on #BDE47E

Color blindness preview

CSS variables

/* Venomous Sting to Swamp Thing — https://swatchly.xyz/palette/bde47e-cd8ebe-9a5793-505d1b-002721 */
:root {
  --venomous-sting: #bde47e;
  --la-la-love: #cd8ebe;
  --bermuda-onion: #9a5793;
  --greenhouse: #505d1b;
  --swamp-thing: #002721;
}

Tailwind CSS v4

/* Venomous Sting to Swamp Thing — https://swatchly.xyz/palette/bde47e-cd8ebe-9a5793-505d1b-002721 */
@theme {
  --color-venomous-sting: #bde47e;
  --color-venomous-sting-50: #e5fdc5;
  --color-venomous-sting-100: #d9f3b4;
  --color-venomous-sting-200: #bde47e;
  --color-venomous-sting-300: #abcc76;
  --color-venomous-sting-400: #8aae4d;
  --color-venomous-sting-500: #70922a;
  --color-venomous-sting-600: #577701;
  --color-venomous-sting-700: #455f00;
  --color-venomous-sting-800: #354b00;
  --color-venomous-sting-900: #283a00;
  --color-venomous-sting-950: #182400;
  --color-la-la-love: #cd8ebe;
  --color-la-la-love-50: #fff2fb;
  --color-la-la-love-100: #ffe4f8;
  --color-la-la-love-200: #fac9ed;
  --color-la-la-love-300: #e7b1da;
  --color-la-la-love-400: #cd8ebe;
  --color-la-la-love-500: #af72a1;
  --color-la-la-love-600: #915884;
  --color-la-la-love-700: #76426b;
  --color-la-la-love-800: #5e3155;
  --color-la-la-love-900: #4a2342;
  --color-la-la-love-950: #2f142a;
  --color-bermuda-onion: #9a5793;
  --color-bermuda-onion-50: #fff0fd;
  --color-bermuda-onion-100: #ffe2fb;
  --color-bermuda-onion-200: #fcc6f5;
  --color-bermuda-onion-300: #ebaee3;
  --color-bermuda-onion-400: #cf8cc7;
  --color-bermuda-onion-500: #b571ae;
  --color-bermuda-onion-600: #9a5793;
  --color-bermuda-onion-700: #7e4178;
  --color-bermuda-onion-800: #652f60;
  --color-bermuda-onion-900: #4f224b;
  --color-bermuda-onion-950: #331230;
  --color-greenhouse: #505d1b;
  --color-greenhouse-50: #f1fbd6;
  --color-greenhouse-100: #e6f1c8;
  --color-greenhouse-200: #d2dfad;
  --color-greenhouse-300: #bbc990;
  --color-greenhouse-400: #9baa6b;
  --color-greenhouse-500: #808f4e;
  --color-greenhouse-600: #667435;
  --color-greenhouse-700: #505d1b;
  --color-greenhouse-800: #3e4913;
  --color-greenhouse-900: #2f380a;
  --color-greenhouse-950: #1d2303;
  --color-swamp-thing: #002721;
  --color-swamp-thing-50: #e5fbf6;
  --color-swamp-thing-100: #d9f2ec;
  --color-swamp-thing-200: #c1dfd8;
  --color-swamp-thing-300: #a7c9c2;
  --color-swamp-thing-400: #85aba2;
  --color-swamp-thing-500: #699087;
  --color-swamp-thing-600: #50756d;
  --color-swamp-thing-700: #3c5e57;
  --color-swamp-thing-800: #2c4a44;
  --color-swamp-thing-900: #203934;
  --color-swamp-thing-950: #002721;
}