Barbara to Glitter Shower color palette

FF32F2Barbara 1EAEFFCerulean B0BF00Sour Lime E7B400Trumpet Gold FFB4D6Lavender Candy 80FFFFGlitter Shower

Open in generator Export PNG, PDF, ASE…

About this palette

Barbara to Glitter Shower is a 6-color vibrant, light, neon palette: #FF32F2 (Barbara), #1EAEFF (Cerulean), #B0BF00 (Sour Lime), #E7B400 (Trumpet Gold), #FFB4D6 (Lavender Candy), #80FFFF (Glitter Shower). It mixes pink, blue, green, yellow, turquoise tones and feels balanced overall. The strongest text pairing is #FF32F2 on #80FFFF with a contrast ratio of 2.53:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Barbara	rgb(255, 50, 242)	hsl(304, 100%, 60%)
Cerulean	rgb(30, 174, 255)	hsl(202, 100%, 56%)
Sour Lime	rgb(176, 191, 0)	hsl(65, 100%, 37%)
Trumpet Gold	rgb(231, 180, 0)	hsl(47, 100%, 45%)
Lavender Candy	rgb(255, 180, 214)	hsl(333, 100%, 85%)
Glitter Shower	rgb(128, 255, 255)	hsl(180, 100%, 75%)

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

/* Barbara to Glitter Shower — https://swatchly.xyz/palette/ff32f2-1eaeff-b0bf00-e7b400-ffb4d6-80ffff */
:root {
  --barbara: #ff32f2;
  --cerulean: #1eaeff;
  --sour-lime: #b0bf00;
  --trumpet-gold: #e7b400;
  --lavender-candy: #ffb4d6;
  --glitter-shower: #80ffff;
}

Tailwind CSS v4

/* Barbara to Glitter Shower — https://swatchly.xyz/palette/ff32f2-1eaeff-b0bf00-e7b400-ffb4d6-80ffff */
@theme {
  --color-barbara: #ff32f2;
  --color-barbara-50: #ffeffc;
  --color-barbara-100: #ffe0fa;
  --color-barbara-200: #ffbff6;
  --color-barbara-300: #ff93f3;
  --color-barbara-400: #ff32f2;
  --color-barbara-500: #db00d0;
  --color-barbara-600: #b200a8;
  --color-barbara-700: #8e0087;
  --color-barbara-800: #70006a;
  --color-barbara-900: #580053;
  --color-barbara-950: #390036;
  --color-cerulean: #1eaeff;
  --color-cerulean-50: #eef8ff;
  --color-cerulean-100: #dcf0ff;
  --color-cerulean-200: #b6dfff;
  --color-cerulean-300: #86ccff;
  --color-cerulean-400: #1eaeff;
  --color-cerulean-500: #0091d8;
  --color-cerulean-600: #0074af;
  --color-cerulean-700: #005c8c;
  --color-cerulean-800: #00486e;
  --color-cerulean-900: #003756;
  --color-cerulean-950: #002237;
  --color-sour-lime: #b0bf00;
  --color-sour-lime-50: #ebf7a5;
  --color-sour-lime-100: #deeb8e;
  --color-sour-lime-200: #c8d764;
  --color-sour-lime-300: #b0bf00;
  --color-sour-lime-400: #94a000;
  --color-sour-lime-500: #7b8600;
  --color-sour-lime-600: #646d00;
  --color-sour-lime-700: #505700;
  --color-sour-lime-800: #3f4500;
  --color-sour-lime-900: #323700;
  --color-sour-lime-950: #1e2200;
  --color-trumpet-gold: #e7b400;
  --color-trumpet-gold-50: #fff1d1;
  --color-trumpet-gold-100: #ffe5a7;
  --color-trumpet-gold-200: #f5ce6d;
  --color-trumpet-gold-300: #e7b400;
  --color-trumpet-gold-400: #c29700;
  --color-trumpet-gold-500: #a27d00;
  --color-trumpet-gold-600: #836500;
  --color-trumpet-gold-700: #695000;
  --color-trumpet-gold-800: #533f00;
  --color-trumpet-gold-900: #413000;
  --color-trumpet-gold-950: #291d00;
  --color-lavender-candy: #ffb4d6;
  --color-lavender-candy-50: #ffe7f1;
  --color-lavender-candy-100: #ffd6e7;
  --color-lavender-candy-200: #ffb4d6;
  --color-lavender-candy-300: #e4a3c0;
  --color-lavender-candy-400: #c883a3;
  --color-lavender-candy-500: #ad6989;
  --color-lavender-candy-600: #915170;
  --color-lavender-candy-700: #783e5a;
  --color-lavender-candy-800: #622e48;
  --color-lavender-candy-900: #4d2238;
  --color-lavender-candy-950: #321323;
  --color-glitter-shower: #80ffff;
  --color-glitter-shower-50: #c4fffe;
  --color-glitter-shower-100: #80ffff;
  --color-glitter-shower-200: #8de6e6;
  --color-glitter-shower-300: #68d2d2;
  --color-glitter-shower-400: #30b4b5;
  --color-glitter-shower-500: #009899;
  --color-glitter-shower-600: #007b7c;
  --color-glitter-shower-700: #006263;
  --color-glitter-shower-800: #004d4d;
  --color-glitter-shower-900: #003b3c;
  --color-glitter-shower-950: #002525;
}