Pumpkin Cat to Eternal Winter color palette

E97A00Pumpkin Cat FB60D2Illicit Pink 00E069Limonana FF99CCPastel Magenta FDCC00Plastic Cheese A4F4FFEternal Winter

Open in generator Export PNG, PDF, ASE…

About this palette

Pumpkin Cat to Eternal Winter is a 6-color vibrant, light, warm, neon palette: #E97A00 (Pumpkin Cat), #FB60D2 (Illicit Pink), #00E069 (Limonana), #FF99CC (Pastel Magenta), #FDCC00 (Plastic Cheese), #A4F4FF (Eternal Winter). It mixes orange, pink, green, yellow, turquoise tones and feels warm overall. The strongest text pairing is #E97A00 on #A4F4FF with a contrast ratio of 2.34:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pumpkin Cat	rgb(233, 122, 0)	hsl(31, 100%, 46%)
Illicit Pink	rgb(251, 96, 210)	hsl(316, 95%, 68%)
Limonana	rgb(0, 224, 105)	hsl(148, 100%, 44%)
Pastel Magenta	rgb(255, 153, 204)	hsl(330, 100%, 80%)
Plastic Cheese	rgb(253, 204, 0)	hsl(48, 100%, 50%)
Eternal Winter	rgb(164, 244, 255)	hsl(187, 100%, 82%)

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

/* Pumpkin Cat to Eternal Winter — https://swatchly.xyz/palette/e97a00-fb60d2-00e069-ff99cc-fdcc00-a4f4ff */
:root {
  --pumpkin-cat: #e97a00;
  --illicit-pink: #fb60d2;
  --limonana: #00e069;
  --pastel-magenta: #ff99cc;
  --plastic-cheese: #fdcc00;
  --eternal-winter: #a4f4ff;
}

Tailwind CSS v4

/* Pumpkin Cat to Eternal Winter — https://swatchly.xyz/palette/e97a00-fb60d2-00e069-ff99cc-fdcc00-a4f4ff */
@theme {
  --color-pumpkin-cat: #e97a00;
  --color-pumpkin-cat-50: #fff0e6;
  --color-pumpkin-cat-100: #ffe2cf;
  --color-pumpkin-cat-200: #ffc69f;
  --color-pumpkin-cat-300: #ffa35f;
  --color-pumpkin-cat-400: #e97a00;
  --color-pumpkin-cat-500: #c36500;
  --color-pumpkin-cat-600: #9e5100;
  --color-pumpkin-cat-700: #7f3f00;
  --color-pumpkin-cat-800: #653100;
  --color-pumpkin-cat-900: #4f2500;
  --color-pumpkin-cat-950: #341600;
  --color-illicit-pink: #fb60d2;
  --color-illicit-pink-50: #fff3fa;
  --color-illicit-pink-100: #ffe5f5;
  --color-illicit-pink-200: #ffc7ec;
  --color-illicit-pink-300: #ffa1e1;
  --color-illicit-pink-400: #fb60d2;
  --color-illicit-pink-500: #da40b4;
  --color-illicit-pink-600: #b91996;
  --color-illicit-pink-700: #97007a;
  --color-illicit-pink-800: #77005f;
  --color-illicit-pink-900: #5d004a;
  --color-illicit-pink-950: #3c002f;
  --color-limonana: #00e069;
  --color-limonana-50: #d5ffdc;
  --color-limonana-100: #aaffbb;
  --color-limonana-200: #77f196;
  --color-limonana-300: #00e069;
  --color-limonana-400: #00bc57;
  --color-limonana-500: #009d47;
  --color-limonana-600: #007f38;
  --color-limonana-700: #00652c;
  --color-limonana-800: #005021;
  --color-limonana-900: #003f18;
  --color-limonana-950: #00280d;
  --color-pastel-magenta: #ff99cc;
  --color-pastel-magenta-50: #ffeff6;
  --color-pastel-magenta-100: #ffe0ee;
  --color-pastel-magenta-200: #ffc0de;
  --color-pastel-magenta-300: #ff99cc;
  --color-pastel-magenta-400: #db7cac;
  --color-pastel-magenta-500: #bf5f91;
  --color-pastel-magenta-600: #a14676;
  --color-pastel-magenta-700: #84325f;
  --color-pastel-magenta-800: #6b224b;
  --color-pastel-magenta-900: #55173b;
  --color-pastel-magenta-950: #380b25;
  --color-plastic-cheese: #fdcc00;
  --color-plastic-cheese-50: #fff1c8;
  --color-plastic-cheese-100: #ffe599;
  --color-plastic-cheese-200: #fdcc00;
  --color-plastic-cheese-300: #e1b826;
  --color-plastic-cheese-400: #bf9900;
  --color-plastic-cheese-500: #a08000;
  --color-plastic-cheese-600: #816700;
  --color-plastic-cheese-700: #675200;
  --color-plastic-cheese-800: #524000;
  --color-plastic-cheese-900: #3f3100;
  --color-plastic-cheese-950: #281e00;
  --color-eternal-winter: #a4f4ff;
  --color-eternal-winter-50: #cdf9ff;
  --color-eternal-winter-100: #a4f4ff;
  --color-eternal-winter-200: #a3dee6;
  --color-eternal-winter-300: #86cad3;
  --color-eternal-winter-400: #60acb6;
  --color-eternal-winter-500: #41929c;
  --color-eternal-winter-600: #257781;
  --color-eternal-winter-700: #0d606a;
  --color-eternal-winter-800: #004c54;
  --color-eternal-winter-900: #003a41;
  --color-eternal-winter-950: #002529;
}