Amora Purple to Candy Color Palette

About this palette

Amora Purple to Candy is a 5-color vibrant, warm, neon palette: #B540A5 (Amora Purple), #DD078D (Benevolent Pink), #3E9AFF (Sky Dancer), #AF85FF (Illicit Purple), #FF9982 (Candy). It mixes pink, red, blue, purple tones and feels warm overall. The strongest text pairing is #B540A5 on #FF9982 with a contrast ratio of 2.39:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Amora Purple	rgb(181, 64, 165)	hsl(308, 48%, 48%)
Benevolent Pink	rgb(221, 7, 141)	hsl(322, 94%, 45%)
Sky Dancer	rgb(62, 154, 255)	hsl(211, 100%, 62%)
Illicit Purple	rgb(175, 133, 255)	hsl(261, 100%, 76%)
Candy	rgb(255, 153, 130)	hsl(11, 100%, 75%)

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

/* Amora Purple to Candy — https://swatchly.xyz/palette/b540a5-dd078d-3e9aff-af85ff-ff9982 */
:root {
  --amora-purple: #b540a5;
  --benevolent-pink: #dd078d;
  --sky-dancer: #3e9aff;
  --illicit-purple: #af85ff;
  --candy: #ff9982;
}

Tailwind CSS v4

/* Amora Purple to Candy — https://swatchly.xyz/palette/b540a5-dd078d-3e9aff-af85ff-ff9982 */
@theme {
  --color-amora-purple: #b540a5;
  --color-amora-purple-50: #fff0fb;
  --color-amora-purple-100: #ffe4f9;
  --color-amora-purple-200: #ffc7f4;
  --color-amora-purple-300: #ffa3ee;
  --color-amora-purple-400: #ea7ad8;
  --color-amora-purple-500: #d15cbf;
  --color-amora-purple-600: #b540a5;
  --color-amora-purple-700: #962788;
  --color-amora-purple-800: #7a136e;
  --color-amora-purple-900: #600557;
  --color-amora-purple-950: #3f0038;
  --color-benevolent-pink: #dd078d;
  --color-benevolent-pink-50: #ffeef5;
  --color-benevolent-pink-100: #ffddeb;
  --color-benevolent-pink-200: #ffbdd9;
  --color-benevolent-pink-300: #ff93c5;
  --color-benevolent-pink-400: #fe44aa;
  --color-benevolent-pink-500: #dd078d;
  --color-benevolent-pink-600: #b40072;
  --color-benevolent-pink-700: #91005a;
  --color-benevolent-pink-800: #730047;
  --color-benevolent-pink-900: #5b0037;
  --color-benevolent-pink-950: #3d0023;
  --color-sky-dancer: #3e9aff;
  --color-sky-dancer-50: #e9f3ff;
  --color-sky-dancer-100: #d6e8ff;
  --color-sky-dancer-200: #b1d4ff;
  --color-sky-dancer-300: #86bdff;
  --color-sky-dancer-400: #3e9aff;
  --color-sky-dancer-500: #1d7fe2;
  --color-sky-dancer-600: #0065be;
  --color-sky-dancer-700: #005199;
  --color-sky-dancer-800: #003f7b;
  --color-sky-dancer-900: #003162;
  --color-sky-dancer-950: #001f42;
  --color-illicit-purple: #af85ff;
  --color-illicit-purple-50: #f6f3ff;
  --color-illicit-purple-100: #ede7ff;
  --color-illicit-purple-200: #dcceff;
  --color-illicit-purple-300: #c9b1ff;
  --color-illicit-purple-400: #af85ff;
  --color-illicit-purple-500: #9469e0;
  --color-illicit-purple-600: #794ec0;
  --color-illicit-purple-700: #6238a1;
  --color-illicit-purple-800: #4e2884;
  --color-illicit-purple-900: #3c1b6b;
  --color-illicit-purple-950: #260e47;
  --color-candy: #ff9982;
  --color-candy-50: #ffece7;
  --color-candy-100: #ffdcd4;
  --color-candy-200: #ffbeaf;
  --color-candy-300: #ff9982;
  --color-candy-400: #dc7c67;
  --color-candy-500: #c1614c;
  --color-candy-600: #a34835;
  --color-candy-700: #873524;
  --color-candy-800: #6f2617;
  --color-candy-900: #591b0e;
  --color-candy-950: #3b0e05;
}