Vampiric Bloodlust to Flaming Cauldron Color Palette

About this palette

Vampiric Bloodlust to Flaming Cauldron is a 4-color vibrant, neon palette: #C9006D (Vampiric Bloodlust), #C34BF7 (Magento), #00B5F0 (Blue Bikini), #FFA266 (Flaming Cauldron). It mixes red, purple, blue, orange tones and feels balanced overall. The strongest text pairing is #C9006D on #FFA266 with a contrast ratio of 2.86:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Vampiric Bloodlust	rgb(201, 0, 109)	hsl(327, 100%, 39%)
Magento	rgb(195, 75, 247)	hsl(282, 91%, 63%)
Blue Bikini	rgb(0, 181, 240)	hsl(195, 100%, 47%)
Flaming Cauldron	rgb(255, 162, 102)	hsl(24, 100%, 70%)

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

/* Vampiric Bloodlust to Flaming Cauldron — https://swatchly.xyz/palette/c9006d-c34bf7-00b5f0-ffa266 */
:root {
  --vampiric-bloodlust: #c9006d;
  --magento: #c34bf7;
  --blue-bikini: #00b5f0;
  --flaming-cauldron: #ffa266;
}

Tailwind CSS v4

/* Vampiric Bloodlust to Flaming Cauldron — https://swatchly.xyz/palette/c9006d-c34bf7-00b5f0-ffa266 */
@theme {
  --color-vampiric-bloodlust: #c9006d;
  --color-vampiric-bloodlust-50: #fff1f5;
  --color-vampiric-bloodlust-100: #ffe4eb;
  --color-vampiric-bloodlust-200: #ffc7d8;
  --color-vampiric-bloodlust-300: #ffa3c1;
  --color-vampiric-bloodlust-400: #ff66a2;
  --color-vampiric-bloodlust-500: #e93787;
  --color-vampiric-bloodlust-600: #c9006d;
  --color-vampiric-bloodlust-700: #a10056;
  --color-vampiric-bloodlust-800: #800043;
  --color-vampiric-bloodlust-900: #640033;
  --color-vampiric-bloodlust-950: #41001f;
  --color-magento: #c34bf7;
  --color-magento-50: #fbf4ff;
  --color-magento-100: #f7e8ff;
  --color-magento-200: #eeceff;
  --color-magento-300: #e3afff;
  --color-magento-400: #d47cff;
  --color-magento-500: #c34bf7;
  --color-magento-600: #a425d6;
  --color-magento-700: #8600b2;
  --color-magento-800: #69008d;
  --color-magento-900: #51006e;
  --color-magento-950: #340048;
  --color-blue-bikini: #00b5f0;
  --color-blue-bikini-50: #edf9ff;
  --color-blue-bikini-100: #daf2ff;
  --color-blue-bikini-200: #aee4ff;
  --color-blue-bikini-300: #73d2ff;
  --color-blue-bikini-400: #00b5f0;
  --color-blue-bikini-500: #0096c8;
  --color-blue-bikini-600: #0079a2;
  --color-blue-bikini-700: #006081;
  --color-blue-bikini-800: #004a65;
  --color-blue-bikini-900: #00394e;
  --color-blue-bikini-950: #002332;
  --color-flaming-cauldron: #ffa266;
  --color-flaming-cauldron-50: #ffefe6;
  --color-flaming-cauldron-100: #ffe1cf;
  --color-flaming-cauldron-200: #ffc5a2;
  --color-flaming-cauldron-300: #ffa266;
  --color-flaming-cauldron-400: #dc844b;
  --color-flaming-cauldron-500: #c0692a;
  --color-flaming-cauldron-600: #a24f05;
  --color-flaming-cauldron-700: #833e00;
  --color-flaming-cauldron-800: #683000;
  --color-flaming-cauldron-900: #522400;
  --color-flaming-cauldron-950: #351500;
}