Vibrant Purple to Aquarius Color Palette

About this palette

Vibrant Purple to Aquarius is a 5-color vibrant, cool, neon palette: #AC15E7 (Vibrant Purple), #00DDD4 (Fish Boy), #0095AC (Munsell Blue), #F95E62 (Fusion Red), #00B5D0 (Aquarius). It mixes purple, turquoise, red tones and feels cool overall. The strongest text pairing is #AC15E7 on #00DDD4 with a contrast ratio of 3.06:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Vibrant Purple	rgb(172, 21, 231)	hsl(283, 83%, 49%)
Fish Boy	rgb(0, 221, 212)	hsl(178, 100%, 43%)
Munsell Blue	rgb(0, 149, 172)	hsl(188, 100%, 34%)
Fusion Red	rgb(249, 94, 98)	hsl(358, 93%, 67%)
Aquarius	rgb(0, 181, 208)	hsl(188, 100%, 41%)

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.

Aa3.06:1 Poor#AC15E7 on #00DDD4
Aa3.06:1 Poor#00DDD4 on #AC15E7

Color blindness preview

CSS variables

/* Vibrant Purple to Aquarius — https://swatchly.xyz/palette/ac15e7-00ddd4-0095ac-f95e62-00b5d0 */
:root {
  --vibrant-purple: #ac15e7;
  --fish-boy: #00ddd4;
  --munsell-blue: #0095ac;
  --fusion-red: #f95e62;
  --aquarius: #00b5d0;
}

Tailwind CSS v4

/* Vibrant Purple to Aquarius — https://swatchly.xyz/palette/ac15e7-00ddd4-0095ac-f95e62-00b5d0 */
@theme {
  --color-vibrant-purple: #ac15e7;
  --color-vibrant-purple-50: #faf2ff;
  --color-vibrant-purple-100: #f6e7ff;
  --color-vibrant-purple-200: #eccfff;
  --color-vibrant-purple-300: #e2b0ff;
  --color-vibrant-purple-400: #d280ff;
  --color-vibrant-purple-500: #c549ff;
  --color-vibrant-purple-600: #ac15e7;
  --color-vibrant-purple-700: #8b00bc;
  --color-vibrant-purple-800: #6d0095;
  --color-vibrant-purple-900: #540074;
  --color-vibrant-purple-950: #36004c;
  --color-fish-boy: #00ddd4;
  --color-fish-boy-50: #d5fffb;
  --color-fish-boy-100: #a5fef7;
  --color-fish-boy-200: #7eeee6;
  --color-fish-boy-300: #00ddd4;
  --color-fish-boy-400: #00b9b2;
  --color-fish-boy-500: #009a94;
  --color-fish-boy-600: #007c77;
  --color-fish-boy-700: #00635e;
  --color-fish-boy-800: #004d4a;
  --color-fish-boy-900: #003c39;
  --color-fish-boy-950: #002523;
  --color-munsell-blue: #0095ac;
  --color-munsell-blue-50: #e3faff;
  --color-munsell-blue-100: #c6f4ff;
  --color-munsell-blue-200: #97e5f7;
  --color-munsell-blue-300: #73d0e4;
  --color-munsell-blue-400: #41b1c8;
  --color-munsell-blue-500: #0095ac;
  --color-munsell-blue-600: #00788b;
  --color-munsell-blue-700: #005f6f;
  --color-munsell-blue-800: #004b57;
  --color-munsell-blue-900: #003a44;
  --color-munsell-blue-950: #00242b;
  --color-fusion-red: #f95e62;
  --color-fusion-red-50: #ffeeed;
  --color-fusion-red-100: #ffdedc;
  --color-fusion-red-200: #ffc0bc;
  --color-fusion-red-300: #ff9a97;
  --color-fusion-red-400: #f95e62;
  --color-fusion-red-500: #da4149;
  --color-fusion-red-600: #ba2232;
  --color-fusion-red-700: #9b0621;
  --color-fusion-red-800: #7d0017;
  --color-fusion-red-900: #630010;
  --color-fusion-red-950: #420008;
  --color-aquarius: #00b5d0;
  --color-aquarius-50: #e4faff;
  --color-aquarius-100: #c7f5ff;
  --color-aquarius-200: #8ce8fc;
  --color-aquarius-300: #63d3ea;
  --color-aquarius-400: #00b5d0;
  --color-aquarius-500: #0097ad;
  --color-aquarius-600: #00798c;
  --color-aquarius-700: #006070;
  --color-aquarius-800: #004b58;
  --color-aquarius-900: #003a44;
  --color-aquarius-950: #00242b;
}