Teal to Party Pig Color Palette

About this palette

Teal to Party Pig is a 6-color vibrant, neon palette: #007F7D (Teal), #1B75EE (Deep Sky Blue), #FF4182 (Diva Pink), #F671B5 (Pop That Gum), #CDB000 (Sulphur), #E89FFF (Party Pig). It mixes turquoise, blue, pink, yellow, purple tones and feels balanced overall. The strongest text pairing is #007F7D on #E89FFF with a contrast ratio of 2.50:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Teal	rgb(0, 127, 125)	hsl(179, 100%, 25%)
Deep Sky Blue	rgb(27, 117, 238)	hsl(214, 86%, 52%)
Diva Pink	rgb(255, 65, 130)	hsl(339, 100%, 63%)
Pop That Gum	rgb(246, 113, 181)	hsl(329, 88%, 70%)
Sulphur	rgb(205, 176, 0)	hsl(52, 100%, 40%)
Party Pig	rgb(232, 159, 255)	hsl(286, 100%, 81%)

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

/* Teal to Party Pig — https://swatchly.xyz/palette/007f7d-1b75ee-ff4182-f671b5-cdb000-e89fff */
:root {
  --teal: #007f7d;
  --deep-sky-blue: #1b75ee;
  --diva-pink: #ff4182;
  --pop-that-gum: #f671b5;
  --sulphur: #cdb000;
  --party-pig: #e89fff;
}

Tailwind CSS v4

/* Teal to Party Pig — https://swatchly.xyz/palette/007f7d-1b75ee-ff4182-f671b5-cdb000-e89fff */
@theme {
  --color-teal: #007f7d;
  --color-teal-50: #d5fffd;
  --color-teal-100: #c0f8f6;
  --color-teal-200: #a3e7e5;
  --color-teal-300: #83d3d0;
  --color-teal-400: #58b5b2;
  --color-teal-500: #339a98;
  --color-teal-600: #007f7d;
  --color-teal-700: #006563;
  --color-teal-800: #004f4e;
  --color-teal-900: #003d3c;
  --color-teal-950: #002625;
  --color-deep-sky-blue: #1b75ee;
  --color-deep-sky-blue-50: #ecf4ff;
  --color-deep-sky-blue-100: #d9e8ff;
  --color-deep-sky-blue-200: #b6d3ff;
  --color-deep-sky-blue-300: #8dbbff;
  --color-deep-sky-blue-400: #4f96ff;
  --color-deep-sky-blue-500: #1b75ee;
  --color-deep-sky-blue-600: #005cca;
  --color-deep-sky-blue-700: #0049a3;
  --color-deep-sky-blue-800: #003982;
  --color-deep-sky-blue-900: #002c68;
  --color-deep-sky-blue-950: #001b46;
  --color-diva-pink: #ff4182;
  --color-diva-pink-50: #ffebef;
  --color-diva-pink-100: #ffdae1;
  --color-diva-pink-200: #ffbac8;
  --color-diva-pink-300: #ff90ab;
  --color-diva-pink-400: #ff4182;
  --color-diva-pink-500: #e0186a;
  --color-diva-pink-600: #b90054;
  --color-diva-pink-700: #960042;
  --color-diva-pink-800: #780034;
  --color-diva-pink-900: #600028;
  --color-diva-pink-950: #410019;
  --color-pop-that-gum: #f671b5;
  --color-pop-that-gum-50: #fff3f8;
  --color-pop-that-gum-100: #ffe6f0;
  --color-pop-that-gum-200: #ffc9e1;
  --color-pop-that-gum-300: #ffa5cf;
  --color-pop-that-gum-400: #f671b5;
  --color-pop-that-gum-500: #d55498;
  --color-pop-that-gum-600: #b5367c;
  --color-pop-that-gum-700: #951e63;
  --color-pop-that-gum-800: #790c4e;
  --color-pop-that-gum-900: #60013c;
  --color-pop-that-gum-950: #3e0025;
  --color-sulphur: #cdb000;
  --color-sulphur-50: #fffbe9;
  --color-sulphur-100: #fff4c4;
  --color-sulphur-200: #f6e38f;
  --color-sulphur-300: #e5cf6a;
  --color-sulphur-400: #cdb000;
  --color-sulphur-500: #aa9200;
  --color-sulphur-600: #897500;
  --color-sulphur-700: #6c5c00;
  --color-sulphur-800: #534600;
  --color-sulphur-900: #3f3500;
  --color-sulphur-950: #261f00;
  --color-party-pig: #e89fff;
  --color-party-pig-50: #fbf0ff;
  --color-party-pig-100: #f8e1ff;
  --color-party-pig-200: #f1c4ff;
  --color-party-pig-300: #e89fff;
  --color-party-pig-400: #c681db;
  --color-party-pig-500: #aa64c0;
  --color-party-pig-600: #8e4aa2;
  --color-party-pig-700: #743686;
  --color-party-pig-800: #5d266d;
  --color-party-pig-900: #491a57;
  --color-party-pig-950: #2f0d39;
}