Jigglypuff to Wine and Unwind color palette

FFA7EFJigglypuff F575A6Pop That Gum A258C1Fuchsia Pheromone 89465DLiaison 712B2AWine and Unwind

About this palette

Jigglypuff to Wine and Unwind is a 5-color warm, gradient palette: #FFA7EF (Jigglypuff), #F575A6 (Pop That Gum), #A258C1 (Fuchsia Pheromone), #89465D (Liaison), #712B2A (Wine and Unwind). It mixes pink, purple, red, brown tones and feels warm overall. The strongest text pairing is #FFA7EF on #712B2A with a contrast ratio of 5.78:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Jigglypuff	rgb(255, 167, 239)	hsl(311, 100%, 83%)
Pop That Gum	rgb(245, 117, 166)	hsl(337, 86%, 71%)
Fuchsia Pheromone	rgb(162, 88, 193)	hsl(282, 46%, 55%)
Liaison	rgb(137, 70, 93)	hsl(339, 32%, 41%)
Wine and Unwind	rgb(113, 43, 42)	hsl(1, 46%, 30%)

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.

Aa5.78:1 Good#FFA7EF on #712B2A
Aa5.78:1 Good#712B2A on #FFA7EF
Aa3.88:1 Poor#FFA7EF on #89465D
Aa3.88:1 Poor#89465D on #FFA7EF
Aa3.83:1 Poor#F575A6 on #712B2A
Aa3.83:1 Poor#712B2A on #F575A6

Color blindness preview

CSS variables

/* Jigglypuff to Wine and Unwind — https://swatchly.xyz/palette/ffa7ef-f575a6-a258c1-89465d-712b2a */
:root {
  --jigglypuff: #ffa7ef;
  --pop-that-gum: #f575a6;
  --fuchsia-pheromone: #a258c1;
  --liaison: #89465d;
  --wine-and-unwind: #712b2a;
}

Tailwind CSS v4

/* Jigglypuff to Wine and Unwind — https://swatchly.xyz/palette/ffa7ef-f575a6-a258c1-89465d-712b2a */
@theme {
  --color-jigglypuff: #ffa7ef;
  --color-jigglypuff-50: #fff7fd;
  --color-jigglypuff-100: #ffeafa;
  --color-jigglypuff-200: #ffccf5;
  --color-jigglypuff-300: #ffa7ef;
  --color-jigglypuff-400: #d989ca;
  --color-jigglypuff-500: #bc6aae;
  --color-jigglypuff-600: #9d4e90;
  --color-jigglypuff-700: #803875;
  --color-jigglypuff-800: #66275d;
  --color-jigglypuff-900: #4f1a48;
  --color-jigglypuff-950: #340d2e;
  --color-pop-that-gum: #f575a6;
  --color-pop-that-gum-50: #fff3f7;
  --color-pop-that-gum-100: #ffe6ee;
  --color-pop-that-gum-200: #ffcadb;
  --color-pop-that-gum-300: #ffa7c5;
  --color-pop-that-gum-400: #f575a6;
  --color-pop-that-gum-500: #d4588a;
  --color-pop-that-gum-600: #b43b6f;
  --color-pop-that-gum-700: #952557;
  --color-pop-that-gum-800: #781444;
  --color-pop-that-gum-900: #5f0833;
  --color-pop-that-gum-950: #3e021f;
  --color-fuchsia-pheromone: #a258c1;
  --color-fuchsia-pheromone-50: #faefff;
  --color-fuchsia-pheromone-100: #f5dfff;
  --color-fuchsia-pheromone-200: #ebc0ff;
  --color-fuchsia-pheromone-300: #de9cfc;
  --color-fuchsia-pheromone-400: #bf76df;
  --color-fuchsia-pheromone-500: #a258c1;
  --color-fuchsia-pheromone-600: #8740a4;
  --color-fuchsia-pheromone-700: #6e2d88;
  --color-fuchsia-pheromone-800: #591e6f;
  --color-fuchsia-pheromone-900: #461459;
  --color-fuchsia-pheromone-950: #2e093c;
  --color-liaison: #89465d;
  --color-liaison-50: #fff1f5;
  --color-liaison-100: #ffe3ea;
  --color-liaison-200: #ffc8d8;
  --color-liaison-300: #f0afc3;
  --color-liaison-400: #d68fa5;
  --color-liaison-500: #bc748b;
  --color-liaison-600: #a05b72;
  --color-liaison-700: #89465d;
  --color-liaison-800: #6d3548;
  --color-liaison-900: #562637;
  --color-liaison-950: #391622;
  --color-wine-and-unwind: #712b2a;
  --color-wine-and-unwind-50: #fff2f0;
  --color-wine-and-unwind-100: #ffe4e2;
  --color-wine-and-unwind-200: #ffc8c4;
  --color-wine-and-unwind-300: #f4aca7;
  --color-wine-and-unwind-400: #d88b86;
  --color-wine-and-unwind-500: #bc6f6a;
  --color-wine-and-unwind-600: #9f5552;
  --color-wine-and-unwind-700: #84403e;
  --color-wine-and-unwind-800: #712b2a;
  --color-wine-and-unwind-900: #552322;
  --color-wine-and-unwind-950: #381413;
}