Lustful Wishes to Tropical Forest color palette

CA3899Lustful Wishes 002A1ESwamp Thing FFB0D5Lavender Candy E38DBEPomelo Red 004E3CTropical Forest

About this palette

Lustful Wishes to Tropical Forest is a 5-color warm palette: #CA3899 (Lustful Wishes), #002A1E (Swamp Thing), #FFB0D5 (Lavender Candy), #E38DBE (Pomelo Red), #004E3C (Tropical Forest). It mixes red, turquoise, pink tones and feels warm overall. The strongest text pairing is #002A1E on #FFB0D5 with a contrast ratio of 9.20:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lustful Wishes	rgb(202, 56, 153)	hsl(320, 58%, 51%)
Swamp Thing	rgb(0, 42, 30)	hsl(163, 100%, 8%)
Lavender Candy	rgb(255, 176, 213)	hsl(332, 100%, 85%)
Pomelo Red	rgb(227, 141, 190)	hsl(326, 61%, 72%)
Tropical Forest	rgb(0, 78, 60)	hsl(166, 100%, 15%)

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.

Aa9.20:1 Very good#002A1E on #FFB0D5
Aa9.20:1 Very good#FFB0D5 on #002A1E
Aa6.53:1 Good#002A1E on #E38DBE
Aa6.53:1 Good#E38DBE on #002A1E
Aa5.76:1 Good#FFB0D5 on #004E3C
Aa5.76:1 Good#004E3C on #FFB0D5
Aa4.09:1 Poor#E38DBE on #004E3C
Aa4.09:1 Poor#004E3C on #E38DBE

Color blindness preview

CSS variables

/* Lustful Wishes to Tropical Forest — https://swatchly.xyz/palette/ca3899-002a1e-ffb0d5-e38dbe-004e3c */
:root {
  --lustful-wishes: #ca3899;
  --swamp-thing: #002a1e;
  --lavender-candy: #ffb0d5;
  --pomelo-red: #e38dbe;
  --tropical-forest: #004e3c;
}

Tailwind CSS v4

/* Lustful Wishes to Tropical Forest — https://swatchly.xyz/palette/ca3899-002a1e-ffb0d5-e38dbe-004e3c */
@theme {
  --color-lustful-wishes: #ca3899;
  --color-lustful-wishes-50: #ffeef7;
  --color-lustful-wishes-100: #ffdcef;
  --color-lustful-wishes-200: #ffbae1;
  --color-lustful-wishes-300: #ff8fd2;
  --color-lustful-wishes-400: #ea5bb6;
  --color-lustful-wishes-500: #ca3899;
  --color-lustful-wishes-600: #ab1a7e;
  --color-lustful-wishes-700: #8d0067;
  --color-lustful-wishes-800: #700051;
  --color-lustful-wishes-900: #59003f;
  --color-lustful-wishes-950: #3b0029;
  --color-swamp-thing: #002a1e;
  --color-swamp-thing-50: #e4fcf2;
  --color-swamp-thing-100: #d8f2e7;
  --color-swamp-thing-200: #c0e0d3;
  --color-swamp-thing-300: #a6cabc;
  --color-swamp-thing-400: #84ac9c;
  --color-swamp-thing-500: #689181;
  --color-swamp-thing-600: #507768;
  --color-swamp-thing-700: #3c6052;
  --color-swamp-thing-800: #2c4c41;
  --color-swamp-thing-900: #203c32;
  --color-swamp-thing-950: #002a1e;
  --color-lavender-candy: #ffb0d5;
  --color-lavender-candy-50: #fff9fb;
  --color-lavender-candy-100: #ffedf4;
  --color-lavender-candy-200: #ffd2e6;
  --color-lavender-candy-300: #ffb0d5;
  --color-lavender-candy-400: #d891b3;
  --color-lavender-candy-500: #bb7296;
  --color-lavender-candy-600: #9c5679;
  --color-lavender-candy-700: #7f4060;
  --color-lavender-candy-800: #652e4a;
  --color-lavender-candy-900: #4e2038;
  --color-lavender-candy-950: #331223;
  --color-pomelo-red: #e38dbe;
  --color-pomelo-red-50: #fff6fb;
  --color-pomelo-red-100: #ffebf5;
  --color-pomelo-red-200: #ffd0e9;
  --color-pomelo-red-300: #f9b1d9;
  --color-pomelo-red-400: #e38dbe;
  --color-pomelo-red-500: #c270a0;
  --color-pomelo-red-600: #a35382;
  --color-pomelo-red-700: #853d69;
  --color-pomelo-red-800: #6b2b52;
  --color-pomelo-red-900: #531e3f;
  --color-pomelo-red-950: #350f26;
  --color-tropical-forest: #004e3c;
  --color-tropical-forest-50: #dbfff1;
  --color-tropical-forest-100: #cef6e7;
  --color-tropical-forest-200: #b4e4d2;
  --color-tropical-forest-300: #98cfbb;
  --color-tropical-forest-400: #72b09b;
  --color-tropical-forest-500: #54947f;
  --color-tropical-forest-600: #3a7965;
  --color-tropical-forest-700: #26614f;
  --color-tropical-forest-800: #004e3c;
  --color-tropical-forest-900: #0c3b2e;
  --color-tropical-forest-950: #04251c;
}