Envy’s Love to Purple Pirate Color Palette

About this palette

Envy’s Love to Purple Pirate is a 4-color vibrant, cool, neon palette: #00DE9C (Envy’s Love), #5B7FFF (Skinny Jeans), #00C473 (Fennel Fiesta), #C200B6 (Purple Pirate). It mixes green, blue, pink tones and feels cool overall. The strongest text pairing is #00DE9C on #C200B6 with a contrast ratio of 3.01:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Envy’s Love	rgb(0, 222, 156)	hsl(162, 100%, 44%)
Skinny Jeans	rgb(91, 127, 255)	hsl(227, 100%, 68%)
Fennel Fiesta	rgb(0, 196, 115)	hsl(155, 100%, 38%)
Purple Pirate	rgb(194, 0, 182)	hsl(304, 100%, 38%)

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.

Aa3.01:1 Poor#00DE9C on #C200B6
Aa3.01:1 Poor#C200B6 on #00DE9C

Color blindness preview

CSS variables

/* Envy’s Love to Purple Pirate — https://swatchly.xyz/palette/00de9c-5b7fff-00c473-c200b6 */
:root {
  --envy-s-love: #00de9c;
  --skinny-jeans: #5b7fff;
  --fennel-fiesta: #00c473;
  --purple-pirate: #c200b6;
}

Tailwind CSS v4

/* Envy’s Love to Purple Pirate — https://swatchly.xyz/palette/00de9c-5b7fff-00c473-c200b6 */
@theme {
  --color-envy-s-love: #00de9c;
  --color-envy-s-love-50: #d3ffe9;
  --color-envy-s-love-100: #a4ffd4;
  --color-envy-s-love-200: #79efbb;
  --color-envy-s-love-300: #00de9c;
  --color-envy-s-love-400: #00ba82;
  --color-envy-s-love-500: #009b6c;
  --color-envy-s-love-600: #007e57;
  --color-envy-s-love-700: #006444;
  --color-envy-s-love-800: #004f35;
  --color-envy-s-love-900: #003d28;
  --color-envy-s-love-950: #002718;
  --color-skinny-jeans: #5b7fff;
  --color-skinny-jeans-50: #f2f6ff;
  --color-skinny-jeans-100: #e6edff;
  --color-skinny-jeans-200: #cbdaff;
  --color-skinny-jeans-300: #acc3ff;
  --color-skinny-jeans-400: #81a0ff;
  --color-skinny-jeans-500: #5b7fff;
  --color-skinny-jeans-600: #4362de;
  --color-skinny-jeans-700: #3049bc;
  --color-skinny-jeans-800: #22369b;
  --color-skinny-jeans-900: #18277d;
  --color-skinny-jeans-950: #0c1654;
  --color-fennel-fiesta: #00c473;
  --color-fennel-fiesta-50: #e2ffeb;
  --color-fennel-fiesta-100: #beffd4;
  --color-fennel-fiesta-200: #8ff3b5;
  --color-fennel-fiesta-300: #67e09a;
  --color-fennel-fiesta-400: #00c473;
  --color-fennel-fiesta-500: #00a35f;
  --color-fennel-fiesta-600: #00834b;
  --color-fennel-fiesta-700: #00683b;
  --color-fennel-fiesta-800: #00512d;
  --color-fennel-fiesta-900: #003f21;
  --color-fennel-fiesta-950: #002712;
  --color-purple-pirate: #c200b6;
  --color-purple-pirate-50: #fff0fc;
  --color-purple-pirate-100: #ffe3fa;
  --color-purple-pirate-200: #ffc6f6;
  --color-purple-pirate-300: #ffa0f2;
  --color-purple-pirate-400: #f960ea;
  --color-purple-pirate-500: #df39d1;
  --color-purple-pirate-600: #c200b6;
  --color-purple-pirate-700: #9b0092;
  --color-purple-pirate-800: #7b0073;
  --color-purple-pirate-900: #5f0059;
  --color-purple-pirate-950: #3e0039;
}