Start generating

Fuchsia Pheromone to Strawberry Frappé color palette

9F50C0Fuchsia Pheromone8958F0Candy Grape Fizz00B326Try Your LuckCC96FFDivaFFA4ADStrawberry Frappé
Open in generator Export PNG, PDF, ASE…

About this palette

Fuchsia Pheromone to Strawberry Frappé is a 5-color vibrant, cool palette: #9F50C0 (Fuchsia Pheromone), #8958F0 (Candy Grape Fizz), #00B326 (Try Your Luck), #CC96FF (Diva), #FFA4AD (Strawberry Frappé). It mixes purple, green, pink tones and feels cool overall. The strongest text pairing is #9F50C0 on #FFA4AD with a contrast ratio of 2.55:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Fuchsia Pheromonergb(159, 80, 192)hsl(282, 47%, 53%)
Candy Grape Fizzrgb(137, 88, 240)hsl(259, 84%, 64%)
Try Your Luckrgb(0, 179, 38)hsl(133, 100%, 35%)
Divargb(204, 150, 255)hsl(271, 100%, 79%)
Strawberry Frappérgb(255, 164, 173)hsl(354, 100%, 82%)

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

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Fuchsia Pheromone to Strawberry Frappé — https://swatchly.xyz/palette/9f50c0-8958f0-00b326-cc96ff-ffa4ad */
:root {
  --fuchsia-pheromone: #9f50c0;
  --candy-grape-fizz: #8958f0;
  --try-your-luck: #00b326;
  --diva: #cc96ff;
  --strawberry-frapp: #ffa4ad;
}

    Tailwind CSS v4

    /* Fuchsia Pheromone to Strawberry Frappé — https://swatchly.xyz/palette/9f50c0-8958f0-00b326-cc96ff-ffa4ad */
@theme {
  --color-fuchsia-pheromone: #9f50c0;
  --color-fuchsia-pheromone-50: #faf1ff;
  --color-fuchsia-pheromone-100: #f7e7ff;
  --color-fuchsia-pheromone-200: #efceff;
  --color-fuchsia-pheromone-300: #e6b0ff;
  --color-fuchsia-pheromone-400: #d287f3;
  --color-fuchsia-pheromone-500: #b96adb;
  --color-fuchsia-pheromone-600: #9f50c0;
  --color-fuchsia-pheromone-700: #8237a1;
  --color-fuchsia-pheromone-800: #692483;
  --color-fuchsia-pheromone-900: #521669;
  --color-fuchsia-pheromone-950: #350946;
  --color-candy-grape-fizz: #8958f0;
  --color-candy-grape-fizz-50: #f4f2ff;
  --color-candy-grape-fizz-100: #e9e4ff;
  --color-candy-grape-fizz-200: #d5cbff;
  --color-candy-grape-fizz-300: #bfadff;
  --color-candy-grape-fizz-400: #a280ff;
  --color-candy-grape-fizz-500: #8958f0;
  --color-candy-grape-fizz-600: #703dcf;
  --color-candy-grape-fizz-700: #5b28af;
  --color-candy-grape-fizz-800: #481891;
  --color-candy-grape-fizz-900: #390d76;
  --color-candy-grape-fizz-950: #240450;
  --color-try-your-luck: #00b326;
  --color-try-your-luck-50: #d0ffcf;
  --color-try-your-luck-100: #a7fda6;
  --color-try-your-luck-200: #82ea83;
  --color-try-your-luck-300: #58d45d;
  --color-try-your-luck-400: #00b326;
  --color-try-your-luck-500: #00961e;
  --color-try-your-luck-600: #007916;
  --color-try-your-luck-700: #006110;
  --color-try-your-luck-800: #004d0a;
  --color-try-your-luck-900: #003d06;
  --color-try-your-luck-950: #002803;
  --color-diva: #cc96ff;
  --color-diva-50: #f3e8ff;
  --color-diva-100: #ebd8ff;
  --color-diva-200: #dcbaff;
  --color-diva-300: #cc96ff;
  --color-diva-400: #ae7ade;
  --color-diva-500: #9560c4;
  --color-diva-600: #7c49a7;
  --color-diva-700: #65368c;
  --color-diva-800: #522874;
  --color-diva-900: #421d5f;
  --color-diva-950: #2a0f3f;
  --color-strawberry-frapp: #ffa4ad;
  --color-strawberry-frapp-50: #fff2f2;
  --color-strawberry-frapp-100: #ffe4e6;
  --color-strawberry-frapp-200: #ffc7cc;
  --color-strawberry-frapp-300: #ffa4ad;
  --color-strawberry-frapp-400: #da868f;
  --color-strawberry-frapp-500: #be6a73;
  --color-strawberry-frapp-600: #a0505a;
  --color-strawberry-frapp-700: #833b45;
  --color-strawberry-frapp-800: #6a2b34;
  --color-strawberry-frapp-900: #541e27;
  --color-strawberry-frapp-950: #371017;
}

    Similar palettes