Fuchsia Pheromone to Golden Harvest Color Palette

About this palette

Fuchsia Pheromone to Golden Harvest is a 4-color vibrant palette: #9E4DCC (Fuchsia Pheromone), #00AA11 (Hedged Garden), #F36675 (Sun-Kissed Coral), #C7C500 (Golden Harvest). It mixes purple, green, red, yellow tones and feels balanced overall. The strongest text pairing is #9E4DCC on #C7C500 with a contrast ratio of 2.60:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Fuchsia Pheromone	rgb(158, 77, 204)	hsl(278, 55%, 55%)
Hedged Garden	rgb(0, 170, 17)	hsl(126, 100%, 33%)
Sun-Kissed Coral	rgb(243, 102, 117)	hsl(354, 85%, 68%)
Golden Harvest	rgb(199, 197, 0)	hsl(59, 100%, 39%)

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

/* Fuchsia Pheromone to Golden Harvest — https://swatchly.xyz/palette/9e4dcc-00aa11-f36675-c7c500 */
:root {
  --fuchsia-pheromone: #9e4dcc;
  --hedged-garden: #00aa11;
  --sun-kissed-coral: #f36675;
  --golden-harvest: #c7c500;
}

Tailwind CSS v4

/* Fuchsia Pheromone to Golden Harvest — https://swatchly.xyz/palette/9e4dcc-00aa11-f36675-c7c500 */
@theme {
  --color-fuchsia-pheromone: #9e4dcc;
  --color-fuchsia-pheromone-50: #f8efff;
  --color-fuchsia-pheromone-100: #f1deff;
  --color-fuchsia-pheromone-200: #e5bfff;
  --color-fuchsia-pheromone-300: #d79aff;
  --color-fuchsia-pheromone-400: #bc6deb;
  --color-fuchsia-pheromone-500: #9e4dcc;
  --color-fuchsia-pheromone-600: #8335ae;
  --color-fuchsia-pheromone-700: #6b2291;
  --color-fuchsia-pheromone-800: #571477;
  --color-fuchsia-pheromone-900: #450b61;
  --color-fuchsia-pheromone-950: #2e0442;
  --color-hedged-garden: #00aa11;
  --color-hedged-garden-50: #e5ffe2;
  --color-hedged-garden-100: #c7ffc3;
  --color-hedged-garden-200: #9af595;
  --color-hedged-garden-300: #77e273;
  --color-hedged-garden-400: #45c544;
  --color-hedged-garden-500: #00aa11;
  --color-hedged-garden-600: #00890b;
  --color-hedged-garden-700: #006d07;
  --color-hedged-garden-800: #005504;
  --color-hedged-garden-900: #004102;
  --color-hedged-garden-950: #002901;
  --color-sun-kissed-coral: #f36675;
  --color-sun-kissed-coral-50: #ffeeef;
  --color-sun-kissed-coral-100: #ffdfdf;
  --color-sun-kissed-coral-200: #ffc1c3;
  --color-sun-kissed-coral-300: #ff9ba1;
  --color-sun-kissed-coral-400: #f36675;
  --color-sun-kissed-coral-500: #d44a5c;
  --color-sun-kissed-coral-600: #b42e45;
  --color-sun-kissed-coral-700: #961932;
  --color-sun-kissed-coral-800: #7b0724;
  --color-sun-kissed-coral-900: #63001a;
  --color-sun-kissed-coral-950: #42000e;
  --color-golden-harvest: #c7c500;
  --color-golden-harvest-50: #f8f9ac;
  --color-golden-harvest-100: #eeef97;
  --color-golden-harvest-200: #dbdc6f;
  --color-golden-harvest-300: #c7c500;
  --color-golden-harvest-400: #a7a500;
  --color-golden-harvest-500: #8b8900;
  --color-golden-harvest-600: #706f00;
  --color-golden-harvest-700: #595800;
  --color-golden-harvest-800: #464500;
  --color-golden-harvest-900: #363500;
  --color-golden-harvest-950: #212100;
}