Party Pig to Turquoise color palette

E39CFFParty Pig ECA600Illuminate Me C81E7CPrince Charming EF0059Rock Lobster 8EA500Noxious 00C0A6Turquoise

Open in generator Export PNG, PDF, ASE…

About this palette

Party Pig to Turquoise is a 6-color vibrant, neon palette: #E39CFF (Party Pig), #ECA600 (Illuminate Me), #C81E7C (Prince Charming), #EF0059 (Rock Lobster), #8EA500 (Noxious), #00C0A6 (Turquoise). It mixes purple, yellow, red, green, turquoise tones and feels balanced overall. The strongest text pairing is #E39CFF on #C81E7C with a contrast ratio of 2.66:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Party Pig	rgb(227, 156, 255)	hsl(283, 100%, 81%)
Illuminate Me	rgb(236, 166, 0)	hsl(42, 100%, 46%)
Prince Charming	rgb(200, 30, 124)	hsl(327, 74%, 45%)
Rock Lobster	rgb(239, 0, 89)	hsl(338, 100%, 47%)
Noxious	rgb(142, 165, 0)	hsl(68, 100%, 32%)
Turquoise	rgb(0, 192, 166)	hsl(172, 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.

Color blindness preview

CSS variables

/* Party Pig to Turquoise — https://swatchly.xyz/palette/e39cff-eca600-c81e7c-ef0059-8ea500-00c0a6 */
:root {
  --party-pig: #e39cff;
  --illuminate-me: #eca600;
  --prince-charming: #c81e7c;
  --rock-lobster: #ef0059;
  --noxious: #8ea500;
  --turquoise: #00c0a6;
}

Tailwind CSS v4

/* Party Pig to Turquoise — https://swatchly.xyz/palette/e39cff-eca600-c81e7c-ef0059-8ea500-00c0a6 */
@theme {
  --color-party-pig: #e39cff;
  --color-party-pig-50: #faeeff;
  --color-party-pig-100: #f6dfff;
  --color-party-pig-200: #edc1ff;
  --color-party-pig-300: #e39cff;
  --color-party-pig-400: #c27fdc;
  --color-party-pig-500: #a763c1;
  --color-party-pig-600: #8b49a3;
  --color-party-pig-700: #723588;
  --color-party-pig-800: #5b256f;
  --color-party-pig-900: #481a59;
  --color-party-pig-950: #2f0d3b;
  --color-illuminate-me: #eca600;
  --color-illuminate-me-50: #ffecd0;
  --color-illuminate-me-100: #ffdeaa;
  --color-illuminate-me-200: #fbc365;
  --color-illuminate-me-300: #eca600;
  --color-illuminate-me-400: #c78b00;
  --color-illuminate-me-500: #a67400;
  --color-illuminate-me-600: #875d00;
  --color-illuminate-me-700: #6d4a00;
  --color-illuminate-me-800: #573b00;
  --color-illuminate-me-900: #452e00;
  --color-illuminate-me-950: #2c1c00;
  --color-prince-charming: #c81e7c;
  --color-prince-charming-50: #fff1f6;
  --color-prince-charming-100: #ffe4ee;
  --color-prince-charming-200: #ffc9dd;
  --color-prince-charming-300: #ffa6ca;
  --color-prince-charming-400: #ff69b0;
  --color-prince-charming-500: #e64396;
  --color-prince-charming-600: #c81e7c;
  --color-prince-charming-700: #a50063;
  --color-prince-charming-800: #82004d;
  --color-prince-charming-900: #66003b;
  --color-prince-charming-950: #420025;
  --color-rock-lobster: #ef0059;
  --color-rock-lobster-50: #fff0f1;
  --color-rock-lobster-100: #ffe1e4;
  --color-rock-lobster-200: #ffc3c9;
  --color-rock-lobster-300: #ff9eaa;
  --color-rock-lobster-400: #ff5e7c;
  --color-rock-lobster-500: #ef0059;
  --color-rock-lobster-600: #c20047;
  --color-rock-lobster-700: #9c0037;
  --color-rock-lobster-800: #7c002a;
  --color-rock-lobster-900: #62001f;
  --color-rock-lobster-950: #410012;
  --color-noxious: #8ea500;
  --color-noxious-50: #eafbb5;
  --color-noxious-100: #def1a1;
  --color-noxious-200: #c8dd7c;
  --color-noxious-300: #afc654;
  --color-noxious-400: #8ea500;
  --color-noxious-500: #768900;
  --color-noxious-600: #5f6f00;
  --color-noxious-700: #4b5800;
  --color-noxious-800: #3b4600;
  --color-noxious-900: #2e3600;
  --color-noxious-950: #1c2300;
  --color-turquoise: #00c0a6;
  --color-turquoise-50: #defff7;
  --color-turquoise-100: #b4ffee;
  --color-turquoise-200: #90f0db;
  --color-turquoise-300: #68dcc5;
  --color-turquoise-400: #00c0a6;
  --color-turquoise-500: #00a08a;
  --color-turquoise-600: #00816f;
  --color-turquoise-700: #006657;
  --color-turquoise-800: #005044;
  --color-turquoise-900: #003d34;
  --color-turquoise-950: #00261f;
}