Purple Velour to Frozen Boubble color palette

591C5FPurple Velour A5001FRomantic Thriller CF0C12Hypnotic Red 00B59EBilliard C796DBSomewhere in a Fairytale 52F1D9Frozen Boubble

Open in generator Export PNG, PDF, ASE…

About this palette

Purple Velour to Frozen Boubble is a 6-color vibrant, cool palette: #591C5F (Purple Velour), #A5001F (Romantic Thriller), #CF0C12 (Hypnotic Red), #00B59E (Billiard), #C796DB (Somewhere in a Fairytale), #52F1D9 (Frozen Boubble). It mixes purple, red, turquoise tones and feels cool overall. The strongest text pairing is #591C5F on #52F1D9 with a contrast ratio of 8.51:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Purple Velour	rgb(89, 28, 95)	hsl(295, 54%, 24%)
Romantic Thriller	rgb(165, 0, 31)	hsl(349, 100%, 32%)
Hypnotic Red	rgb(207, 12, 18)	hsl(358, 89%, 43%)
Billiard	rgb(0, 181, 158)	hsl(172, 100%, 35%)
Somewhere in a Fairytale	rgb(199, 150, 219)	hsl(283, 49%, 72%)
Frozen Boubble	rgb(82, 241, 217)	hsl(171, 85%, 63%)

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.

Aa8.51:1 Very good#591C5F on #52F1D9
Aa8.51:1 Very good#52F1D9 on #591C5F
Aa5.70:1 Good#A5001F on #52F1D9
Aa5.70:1 Good#52F1D9 on #A5001F
Aa5.02:1 Good#591C5F on #C796DB
Aa5.02:1 Good#C796DB on #591C5F
Aa4.61:1 Good#591C5F on #00B59E
Aa4.61:1 Good#00B59E on #591C5F

Color blindness preview

CSS variables

/* Purple Velour to Frozen Boubble — https://swatchly.xyz/palette/591c5f-a5001f-cf0c12-00b59e-c796db-52f1d9 */
:root {
  --purple-velour: #591c5f;
  --romantic-thriller: #a5001f;
  --hypnotic-red: #cf0c12;
  --billiard: #00b59e;
  --somewhere-in-a-fairytale: #c796db;
  --frozen-boubble: #52f1d9;
}

Tailwind CSS v4

/* Purple Velour to Frozen Boubble — https://swatchly.xyz/palette/591c5f-a5001f-cf0c12-00b59e-c796db-52f1d9 */
@theme {
  --color-purple-velour: #591c5f;
  --color-purple-velour-50: #fef0ff;
  --color-purple-velour-100: #fde0ff;
  --color-purple-velour-200: #f7c3fb;
  --color-purple-velour-300: #e2a7e7;
  --color-purple-velour-400: #c484c9;
  --color-purple-velour-500: #a666ac;
  --color-purple-velour-600: #884b8e;
  --color-purple-velour-700: #6c3671;
  --color-purple-velour-800: #591c5f;
  --color-purple-velour-900: #411a45;
  --color-purple-velour-950: #290e2c;
  --color-romantic-thriller: #a5001f;
  --color-romantic-thriller-50: #fff2f0;
  --color-romantic-thriller-100: #ffe4e2;
  --color-romantic-thriller-200: #ffc8c4;
  --color-romantic-thriller-300: #ffa6a1;
  --color-romantic-thriller-400: #fd6e6c;
  --color-romantic-thriller-500: #e04d50;
  --color-romantic-thriller-600: #c02f37;
  --color-romantic-thriller-700: #a5001f;
  --color-romantic-thriller-800: #830016;
  --color-romantic-thriller-900: #67000f;
  --color-romantic-thriller-950: #440007;
  --color-hypnotic-red: #cf0c12;
  --color-hypnotic-red-50: #fff2f0;
  --color-hypnotic-red-100: #ffe5e1;
  --color-hypnotic-red-200: #ffcac2;
  --color-hypnotic-red-300: #ffa89d;
  --color-hypnotic-red-400: #ff7062;
  --color-hypnotic-red-500: #ef3d34;
  --color-hypnotic-red-600: #cf0c12;
  --color-hypnotic-red-700: #a70008;
  --color-hypnotic-red-800: #850005;
  --color-hypnotic-red-900: #680003;
  --color-hypnotic-red-950: #440001;
  --color-billiard: #00b59e;
  --color-billiard-50: #d0fff4;
  --color-billiard-100: #acfbea;
  --color-billiard-200: #88e9d5;
  --color-billiard-300: #5fd3be;
  --color-billiard-400: #00b59e;
  --color-billiard-500: #009783;
  --color-billiard-600: #007a6a;
  --color-billiard-700: #006154;
  --color-billiard-800: #004c42;
  --color-billiard-900: #003b33;
  --color-billiard-950: #002620;
  --color-somewhere-in-a-fairytale: #c796db;
  --color-somewhere-in-a-fairytale-50: #fcf6ff;
  --color-somewhere-in-a-fairytale-100: #f9ebff;
  --color-somewhere-in-a-fairytale-200: #f1d1ff;
  --color-somewhere-in-a-fairytale-300: #e1b8f2;
  --color-somewhere-in-a-fairytale-400: #c796db;
  --color-somewhere-in-a-fairytale-500: #a879bb;
  --color-somewhere-in-a-fairytale-600: #8b5d9d;
  --color-somewhere-in-a-fairytale-700: #704681;
  --color-somewhere-in-a-fairytale-800: #593367;
  --color-somewhere-in-a-fairytale-900: #442550;
  --color-somewhere-in-a-fairytale-950: #2b1433;
  --color-frozen-boubble: #52f1d9;
  --color-frozen-boubble-50: #cefff5;
  --color-frozen-boubble-100: #a6fceb;
  --color-frozen-boubble-200: #52f1d9;
  --color-frozen-boubble-300: #55d7c2;
  --color-frozen-boubble-400: #00b9a4;
  --color-frozen-boubble-500: #009a88;
  --color-frozen-boubble-600: #007c6e;
  --color-frozen-boubble-700: #006357;
  --color-frozen-boubble-800: #004e44;
  --color-frozen-boubble-900: #003c34;
  --color-frozen-boubble-950: #002620;
}