Start generating

Tropical Forest to Fake Blonde color palette

08473ATropical Forest615B00Ayahuasca Vine9562AACrown JewelsB87CC1Wisteria9BDBC6Tropical FreezeE8E9C6Fake Blonde
Open in generator Export PNG, PDF, ASE…

About this palette

Tropical Forest to Fake Blonde is a 6-color cool palette: #08473A (Tropical Forest), #615B00 (Ayahuasca Vine), #9562AA (Crown Jewels), #B87CC1 (Wisteria), #9BDBC6 (Tropical Freeze), #E8E9C6 (Fake Blonde). It mixes turquoise, brown, purple, pink, yellow tones and feels cool overall. The strongest text pairing is #08473A on #E8E9C6 with a contrast ratio of 8.57:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Tropical Forestrgb(8, 71, 58)hsl(168, 80%, 15%)
Ayahuasca Vinergb(97, 91, 0)hsl(56, 100%, 19%)
Crown Jewelsrgb(149, 98, 170)hsl(283, 30%, 53%)
Wisteriargb(184, 124, 193)hsl(292, 36%, 62%)
Tropical Freezergb(155, 219, 198)hsl(160, 47%, 73%)
Fake Blondergb(232, 233, 198)hsl(62, 44%, 85%)

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.

  • Aa8.57:1 Very good#08473A on #E8E9C6
  • Aa8.57:1 Very good#E8E9C6 on #08473A
  • Aa6.76:1 Good#08473A on #9BDBC6
  • Aa6.76:1 Good#9BDBC6 on #08473A
  • Aa5.63:1 Good#615B00 on #E8E9C6
  • Aa5.63:1 Good#E8E9C6 on #615B00
  • Aa4.44:1 Poor#615B00 on #9BDBC6
  • Aa4.44:1 Poor#9BDBC6 on #615B00

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Tropical Forest to Fake Blonde — https://swatchly.xyz/palette/08473a-615b00-9562aa-b87cc1-9bdbc6-e8e9c6 */
:root {
  --tropical-forest: #08473a;
  --ayahuasca-vine: #615b00;
  --crown-jewels: #9562aa;
  --wisteria: #b87cc1;
  --tropical-freeze: #9bdbc6;
  --fake-blonde: #e8e9c6;
}

Tailwind CSS v4

/* Tropical Forest to Fake Blonde — https://swatchly.xyz/palette/08473a-615b00-9562aa-b87cc1-9bdbc6-e8e9c6 */
@theme {
  --color-tropical-forest: #08473a;
  --color-tropical-forest-50: #defdf3;
  --color-tropical-forest-100: #d1f4e9;
  --color-tropical-forest-200: #b8e2d5;
  --color-tropical-forest-300: #9bccbd;
  --color-tropical-forest-400: #76ac9c;
  --color-tropical-forest-500: #589080;
  --color-tropical-forest-600: #3e7365;
  --color-tropical-forest-700: #295a4e;
  --color-tropical-forest-800: #08473a;
  --color-tropical-forest-900: #11352c;
  --color-tropical-forest-950: #07211b;
  --color-ayahuasca-vine: #615b00;
  --color-ayahuasca-vine-50: #faf8ce;
  --color-ayahuasca-vine-100: #f1eec0;
  --color-ayahuasca-vine-200: #dfdca4;
  --color-ayahuasca-vine-300: #cac686;
  --color-ayahuasca-vine-400: #aca75f;
  --color-ayahuasca-vine-500: #918c40;
  --color-ayahuasca-vine-600: #777225;
  --color-ayahuasca-vine-700: #615b00;
  --color-ayahuasca-vine-800: #4c4700;
  --color-ayahuasca-vine-900: #3a3600;
  --color-ayahuasca-vine-950: #252200;
  --color-crown-jewels: #9562aa;
  --color-crown-jewels-50: #faeeff;
  --color-crown-jewels-100: #f4ddff;
  --color-crown-jewels-200: #e9befb;
  --color-crown-jewels-300: #d3a3e7;
  --color-crown-jewels-400: #b380c8;
  --color-crown-jewels-500: #9562aa;
  --color-crown-jewels-600: #7b4b8e;
  --color-crown-jewels-700: #643975;
  --color-crown-jewels-800: #502a5f;
  --color-crown-jewels-900: #401f4c;
  --color-crown-jewels-950: #291233;
  --color-wisteria: #b87cc1;
  --color-wisteria-50: #fceaff;
  --color-wisteria-100: #fad7ff;
  --color-wisteria-200: #edbbf4;
  --color-wisteria-300: #d7a0df;
  --color-wisteria-400: #b87cc1;
  --color-wisteria-500: #9d63a6;
  --color-wisteria-600: #834c8b;
  --color-wisteria-700: #6b3973;
  --color-wisteria-800: #562b5d;
  --color-wisteria-900: #45204b;
  --color-wisteria-950: #2e1232;
  --color-tropical-freeze: #9bdbc6;
  --color-tropical-freeze-50: #eefff9;
  --color-tropical-freeze-100: #d8fcef;
  --color-tropical-freeze-200: #c0ecdd;
  --color-tropical-freeze-300: #9bdbc6;
  --color-tropical-freeze-400: #7db8a5;
  --color-tropical-freeze-500: #5d9b88;
  --color-tropical-freeze-600: #407e6c;
  --color-tropical-freeze-700: #2a6454;
  --color-tropical-freeze-800: #1a4e40;
  --color-tropical-freeze-900: #0e3b30;
  --color-tropical-freeze-950: #05251d;
  --color-fake-blonde: #e8e9c6;
  --color-fake-blonde-50: #f2f3de;
  --color-fake-blonde-100: #e8e9c6;
  --color-fake-blonde-200: #d5d5bb;
  --color-fake-blonde-300: #bfc0a3;
  --color-fake-blonde-400: #a1a282;
  --color-fake-blonde-500: #878767;
  --color-fake-blonde-600: #6d6d4f;
  --color-fake-blonde-700: #57573c;
  --color-fake-blonde-800: #44442c;
  --color-fake-blonde-900: #343420;
  --color-fake-blonde-950: #202011;
}

Similar palettes