Schiaparelli Pink to Brilliant Blue Color Palette

About this palette

Schiaparelli Pink to Brilliant Blue is a 5-color vibrant, cool, neon palette: #E14394 (Schiaparelli Pink), #F4AA00 (Spicy Sweetcorn), #E541FB (Epink), #FB6BFF (Flamazing Pink), #0078B7 (Brilliant Blue). It mixes pink, yellow, blue tones and feels cool overall. The strongest text pairing is #F4AA00 on #0078B7 with a contrast ratio of 2.42:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Schiaparelli Pink	rgb(225, 67, 148)	hsl(329, 72%, 57%)
Spicy Sweetcorn	rgb(244, 170, 0)	hsl(42, 100%, 48%)
Epink	rgb(229, 65, 251)	hsl(293, 96%, 62%)
Flamazing Pink	rgb(251, 107, 255)	hsl(298, 100%, 71%)
Brilliant Blue	rgb(0, 120, 183)	hsl(201, 100%, 36%)

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

/* Schiaparelli Pink to Brilliant Blue — https://swatchly.xyz/palette/e14394-f4aa00-e541fb-fb6bff-0078b7 */
:root {
  --schiaparelli-pink: #e14394;
  --spicy-sweetcorn: #f4aa00;
  --epink: #e541fb;
  --flamazing-pink: #fb6bff;
  --brilliant-blue: #0078b7;
}

Tailwind CSS v4

/* Schiaparelli Pink to Brilliant Blue — https://swatchly.xyz/palette/e14394-f4aa00-e541fb-fb6bff-0078b7 */
@theme {
  --color-schiaparelli-pink: #e14394;
  --color-schiaparelli-pink-50: #fff2f7;
  --color-schiaparelli-pink-100: #ffe4ee;
  --color-schiaparelli-pink-200: #ffc7dd;
  --color-schiaparelli-pink-300: #ffa3ca;
  --color-schiaparelli-pink-400: #fd66af;
  --color-schiaparelli-pink-500: #e14394;
  --color-schiaparelli-pink-600: #bf2078;
  --color-schiaparelli-pink-700: #9e0060;
  --color-schiaparelli-pink-800: #7d004b;
  --color-schiaparelli-pink-900: #620039;
  --color-schiaparelli-pink-950: #400024;
  --color-spicy-sweetcorn: #f4aa00;
  --color-spicy-sweetcorn-50: #ffefd8;
  --color-spicy-sweetcorn-100: #ffe2b7;
  --color-spicy-sweetcorn-200: #ffc76f;
  --color-spicy-sweetcorn-300: #f4aa00;
  --color-spicy-sweetcorn-400: #cd8e00;
  --color-spicy-sweetcorn-500: #ac7600;
  --color-spicy-sweetcorn-600: #8b5f00;
  --color-spicy-sweetcorn-700: #6f4b00;
  --color-spicy-sweetcorn-800: #583b00;
  --color-spicy-sweetcorn-900: #462e00;
  --color-spicy-sweetcorn-950: #2c1b00;
  --color-epink: #e541fb;
  --color-epink-50: #fdecff;
  --color-epink-100: #fbdbff;
  --color-epink-200: #f7b9ff;
  --color-epink-300: #f18eff;
  --color-epink-400: #e541fb;
  --color-epink-500: #c710dd;
  --color-epink-600: #a300b5;
  --color-epink-700: #830092;
  --color-epink-800: #680075;
  --color-epink-900: #52005c;
  --color-epink-950: #36003e;
  --color-flamazing-pink: #fb6bff;
  --color-flamazing-pink-50: #fff8ff;
  --color-flamazing-pink-100: #ffecff;
  --color-flamazing-pink-200: #ffd0fe;
  --color-flamazing-pink-300: #ffabff;
  --color-flamazing-pink-400: #fb6bff;
  --color-flamazing-pink-500: #d84add;
  --color-flamazing-pink-600: #b720bd;
  --color-flamazing-pink-700: #95009a;
  --color-flamazing-pink-800: #740078;
  --color-flamazing-pink-900: #59005c;
  --color-flamazing-pink-950: #38003a;
  --color-brilliant-blue: #0078b7;
  --color-brilliant-blue-50: #edf7ff;
  --color-brilliant-blue-100: #dcefff;
  --color-brilliant-blue-200: #b7dfff;
  --color-brilliant-blue-300: #8accff;
  --color-brilliant-blue-400: #56aeed;
  --color-brilliant-blue-500: #3293d3;
  --color-brilliant-blue-600: #0078b7;
  --color-brilliant-blue-700: #005f92;
  --color-brilliant-blue-800: #004a74;
  --color-brilliant-blue-900: #00395a;
  --color-brilliant-blue-950: #00233b;
}