Elegant Purple Gown to Silent Orbit Color Palette

About this palette

Elegant Purple Gown to Silent Orbit is a 4-color dark, cool palette: #5D2469 (Elegant Purple Gown), #6E428D (Perkin Mauve), #050642 (Storm), #231A4F (Silent Orbit). It mixes purple, blue tones and feels cool overall. The strongest text pairing is #6E428D on #050642 with a contrast ratio of 2.54:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Elegant Purple Gown	rgb(93, 36, 105)	hsl(290, 49%, 28%)
Perkin Mauve	rgb(110, 66, 141)	hsl(275, 36%, 41%)
Storm	rgb(5, 6, 66)	hsl(239, 86%, 14%)
Silent Orbit	rgb(35, 26, 79)	hsl(250, 50%, 21%)

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

/* Elegant Purple Gown to Silent Orbit — https://swatchly.xyz/palette/5d2469-6e428d-050642-231a4f */
:root {
  --elegant-purple-gown: #5d2469;
  --perkin-mauve: #6e428d;
  --storm: #050642;
  --silent-orbit: #231a4f;
}

Tailwind CSS v4

/* Elegant Purple Gown to Silent Orbit — https://swatchly.xyz/palette/5d2469-6e428d-050642-231a4f */
@theme {
  --color-elegant-purple-gown: #5d2469;
  --color-elegant-purple-gown-50: #fcf0ff;
  --color-elegant-purple-gown-100: #fae2ff;
  --color-elegant-purple-gown-200: #f4c4fe;
  --color-elegant-purple-gown-300: #e0aaec;
  --color-elegant-purple-gown-400: #c387cf;
  --color-elegant-purple-gown-500: #a76ab4;
  --color-elegant-purple-gown-600: #8a5096;
  --color-elegant-purple-gown-700: #703b7b;
  --color-elegant-purple-gown-800: #5d2469;
  --color-elegant-purple-gown-900: #461f4e;
  --color-elegant-purple-gown-950: #2d1133;
  --color-perkin-mauve: #6e428d;
  --color-perkin-mauve-50: #f9f2ff;
  --color-perkin-mauve-100: #f3e5ff;
  --color-perkin-mauve-200: #e7cbff;
  --color-perkin-mauve-300: #d7b0f6;
  --color-perkin-mauve-400: #ba8edc;
  --color-perkin-mauve-500: #9f72c1;
  --color-perkin-mauve-600: #8559a5;
  --color-perkin-mauve-700: #6e428d;
  --color-perkin-mauve-800: #573270;
  --color-perkin-mauve-900: #442559;
  --color-perkin-mauve-950: #2b153b;
  --color-storm: #050642;
  --color-storm-50: #f1f5ff;
  --color-storm-100: #e3ebff;
  --color-storm-200: #c8d7ff;
  --color-storm-300: #a8bffd;
  --color-storm-400: #879fe3;
  --color-storm-500: #6980c4;
  --color-storm-600: #4e63a3;
  --color-storm-700: #394a83;
  --color-storm-800: #273665;
  --color-storm-900: #1a254a;
  --color-storm-950: #050642;
  --color-silent-orbit: #231a4f;
  --color-silent-orbit-50: #f4f4ff;
  --color-silent-orbit-100: #e9e9ff;
  --color-silent-orbit-200: #d3d2ff;
  --color-silent-orbit-300: #bcbaf3;
  --color-silent-orbit-400: #9c9ad7;
  --color-silent-orbit-500: #827fbd;
  --color-silent-orbit-600: #6a66a1;
  --color-silent-orbit-700: #555087;
  --color-silent-orbit-800: #433f70;
  --color-silent-orbit-900: #35315b;
  --color-silent-orbit-950: #231a4f;
}