Purple Velour to Warrior Queen color palette

5A1C4DPurple Velour B85959Her Velour DC62A2Sugar Rush E5B5DDSoft Cashmere 9D344FWarrior Queen

About this palette

Purple Velour to Warrior Queen is a 5-color warm palette: #5A1C4D (Purple Velour), #B85959 (Her Velour), #DC62A2 (Sugar Rush), #E5B5DD (Soft Cashmere), #9D344F (Warrior Queen). It mixes purple, red, pink tones and feels warm overall. The strongest text pairing is #5A1C4D on #E5B5DD with a contrast ratio of 7.02:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Purple Velour	rgb(90, 28, 77)	hsl(313, 53%, 23%)
Her Velour	rgb(184, 89, 89)	hsl(0, 40%, 54%)
Sugar Rush	rgb(220, 98, 162)	hsl(329, 64%, 62%)
Soft Cashmere	rgb(229, 181, 221)	hsl(310, 48%, 80%)
Warrior Queen	rgb(157, 52, 79)	hsl(345, 50%, 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.

Aa7.02:1 Very good#5A1C4D on #E5B5DD
Aa7.02:1 Very good#E5B5DD on #5A1C4D
Aa3.95:1 Poor#E5B5DD on #9D344F
Aa3.95:1 Poor#9D344F on #E5B5DD
Aa3.70:1 Poor#5A1C4D on #DC62A2
Aa3.70:1 Poor#DC62A2 on #5A1C4D

Color blindness preview

CSS variables

/* Purple Velour to Warrior Queen — https://swatchly.xyz/palette/5a1c4d-b85959-dc62a2-e5b5dd-9d344f */
:root {
  --purple-velour: #5a1c4d;
  --her-velour: #b85959;
  --sugar-rush: #dc62a2;
  --soft-cashmere: #e5b5dd;
  --warrior-queen: #9d344f;
}

Tailwind CSS v4

/* Purple Velour to Warrior Queen — https://swatchly.xyz/palette/5a1c4d-b85959-dc62a2-e5b5dd-9d344f */
@theme {
  --color-purple-velour: #5a1c4d;
  --color-purple-velour-50: #fff0fa;
  --color-purple-velour-100: #ffe1f6;
  --color-purple-velour-200: #fbc3eb;
  --color-purple-velour-300: #e9aad7;
  --color-purple-velour-400: #cd89bb;
  --color-purple-velour-500: #b26da1;
  --color-purple-velour-600: #975586;
  --color-purple-velour-700: #7d416e;
  --color-purple-velour-800: #67315a;
  --color-purple-velour-900: #5a1c4d;
  --color-purple-velour-950: #371530;
  --color-her-velour: #b85959;
  --color-her-velour-50: #ffeeed;
  --color-her-velour-100: #ffdedc;
  --color-her-velour-200: #ffbebb;
  --color-her-velour-300: #f79c99;
  --color-her-velour-400: #d87776;
  --color-her-velour-500: #b85959;
  --color-her-velour-600: #9b4243;
  --color-her-velour-700: #803032;
  --color-her-velour-800: #682225;
  --color-her-velour-900: #53181b;
  --color-her-velour-950: #380c0e;
  --color-sugar-rush: #dc62a2;
  --color-sugar-rush-50: #fff4f9;
  --color-sugar-rush-100: #ffe9f3;
  --color-sugar-rush-200: #ffcfe4;
  --color-sugar-rush-300: #ffaed4;
  --color-sugar-rush-400: #f481bb;
  --color-sugar-rush-500: #dc62a2;
  --color-sugar-rush-600: #ba4484;
  --color-sugar-rush-700: #9a2b6a;
  --color-sugar-rush-800: #7d1853;
  --color-sugar-rush-900: #620b40;
  --color-sugar-rush-950: #400227;
  --color-soft-cashmere: #e5b5dd;
  --color-soft-cashmere-50: #fff4fd;
  --color-soft-cashmere-100: #ffe7fa;
  --color-soft-cashmere-200: #f3d0ed;
  --color-soft-cashmere-300: #e5b5dd;
  --color-soft-cashmere-400: #c296bb;
  --color-soft-cashmere-500: #a5799e;
  --color-soft-cashmere-600: #885e82;
  --color-soft-cashmere-700: #6e4869;
  --color-soft-cashmere-800: #573652;
  --color-soft-cashmere-900: #442840;
  --color-soft-cashmere-950: #2b1728;
  --color-warrior-queen: #9d344f;
  --color-warrior-queen-50: #fff1f3;
  --color-warrior-queen-100: #ffe3e7;
  --color-warrior-queen-200: #ffc9d1;
  --color-warrior-queen-300: #ffa9b7;
  --color-warrior-queen-400: #ed8196;
  --color-warrior-queen-500: #d2657c;
  --color-warrior-queen-600: #b64b64;
  --color-warrior-queen-700: #9d344f;
  --color-warrior-queen-800: #7e253d;
  --color-warrior-queen-900: #65182d;
  --color-warrior-queen-950: #430a1b;
}