Envy’s Love to Candy Grape Fizz color palette

00DB9EEnvy’s Love CFA100Mustard Musketeers BD5CDALove Priestess 70A800Green Envy 7351ECCandy Grape Fizz

Open in generator Export PNG, PDF, ASE…

About this palette

Envy’s Love to Candy Grape Fizz is a 5-color vibrant, cool, neon palette: #00DB9E (Envy’s Love), #CFA100 (Mustard Musketeers), #BD5CDA (Love Priestess), #70A800 (Green Envy), #7351EC (Candy Grape Fizz). It mixes green, yellow, purple tones and feels cool overall. The strongest text pairing is #00DB9E on #7351EC with a contrast ratio of 2.82:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Envy’s Love	rgb(0, 219, 158)	hsl(163, 100%, 43%)
Mustard Musketeers	rgb(207, 161, 0)	hsl(47, 100%, 41%)
Love Priestess	rgb(189, 92, 218)	hsl(286, 63%, 61%)
Green Envy	rgb(112, 168, 0)	hsl(80, 100%, 33%)
Candy Grape Fizz	rgb(115, 81, 236)	hsl(253, 80%, 62%)

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

/* Envy’s Love to Candy Grape Fizz — https://swatchly.xyz/palette/00db9e-cfa100-bd5cda-70a800-7351ec */
:root {
  --envy-s-love: #00db9e;
  --mustard-musketeers: #cfa100;
  --love-priestess: #bd5cda;
  --green-envy: #70a800;
  --candy-grape-fizz: #7351ec;
}

Tailwind CSS v4

/* Envy’s Love to Candy Grape Fizz — https://swatchly.xyz/palette/00db9e-cfa100-bd5cda-70a800-7351ec */
@theme {
  --color-envy-s-love: #00db9e;
  --color-envy-s-love-50: #ceffe8;
  --color-envy-s-love-100: #9ffed4;
  --color-envy-s-love-200: #76edbc;
  --color-envy-s-love-300: #00db9e;
  --color-envy-s-love-400: #00b884;
  --color-envy-s-love-500: #009a6e;
  --color-envy-s-love-600: #007c58;
  --color-envy-s-love-700: #006346;
  --color-envy-s-love-800: #004e36;
  --color-envy-s-love-900: #003d2a;
  --color-envy-s-love-950: #002719;
  --color-mustard-musketeers: #cfa100;
  --color-mustard-musketeers-50: #fff7e4;
  --color-mustard-musketeers-100: #ffedc3;
  --color-mustard-musketeers-200: #fad887;
  --color-mustard-musketeers-300: #e8c260;
  --color-mustard-musketeers-400: #cfa100;
  --color-mustard-musketeers-500: #ac8500;
  --color-mustard-musketeers-600: #8b6b00;
  --color-mustard-musketeers-700: #6e5400;
  --color-mustard-musketeers-800: #564100;
  --color-mustard-musketeers-900: #423100;
  --color-mustard-musketeers-950: #291d00;
  --color-love-priestess: #bd5cda;
  --color-love-priestess-50: #fcf3ff;
  --color-love-priestess-100: #f9e6ff;
  --color-love-priestess-200: #f2cbff;
  --color-love-priestess-300: #eaa9ff;
  --color-love-priestess-400: #d77bf3;
  --color-love-priestess-500: #bd5cda;
  --color-love-priestess-600: #9e3eba;
  --color-love-priestess-700: #82269b;
  --color-love-priestess-800: #69147f;
  --color-love-priestess-900: #520765;
  --color-love-priestess-950: #350143;
  --color-green-envy: #70a800;
  --color-green-envy-50: #daffb4;
  --color-green-envy-100: #cbf49f;
  --color-green-envy-200: #b1e07a;
  --color-green-envy-300: #94c951;
  --color-green-envy-400: #70a800;
  --color-green-envy-500: #5d8c00;
  --color-green-envy-600: #4a7100;
  --color-green-envy-700: #3a5b00;
  --color-green-envy-800: #2d4800;
  --color-green-envy-900: #233900;
  --color-green-envy-950: #152500;
  --color-candy-grape-fizz: #7351ec;
  --color-candy-grape-fizz-50: #f4f4ff;
  --color-candy-grape-fizz-100: #ebebff;
  --color-candy-grape-fizz-200: #d8d6ff;
  --color-candy-grape-fizz-300: #c1bdff;
  --color-candy-grape-fizz-400: #a397ff;
  --color-candy-grape-fizz-500: #8a72ff;
  --color-candy-grape-fizz-600: #7351ec;
  --color-candy-grape-fizz-700: #5c38c9;
  --color-candy-grape-fizz-800: #4924a7;
  --color-candy-grape-fizz-900: #381587;
  --color-candy-grape-fizz-950: #23085b;
}