Death of a Star to Neon Boneyard Color Palette

About this palette

Death of a Star to Neon Boneyard is a 4-color light, neon palette: #E65DE4 (Death of a Star), #DCAD00 (Mortal Yellow), #FFBAB6 (Hard Candy), #E1CCFF (Neon Boneyard). It mixes pink, yellow, purple tones and feels balanced overall. The strongest text pairing is #E65DE4 on #E1CCFF with a contrast ratio of 2.03:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Death of a Star	rgb(230, 93, 228)	hsl(301, 73%, 63%)
Mortal Yellow	rgb(220, 173, 0)	hsl(47, 100%, 43%)
Hard Candy	rgb(255, 186, 182)	hsl(3, 100%, 86%)
Neon Boneyard	rgb(225, 204, 255)	hsl(265, 100%, 90%)

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

/* Death of a Star to Neon Boneyard — https://swatchly.xyz/palette/e65de4-dcad00-ffbab6-e1ccff */
:root {
  --death-of-a-star: #e65de4;
  --mortal-yellow: #dcad00;
  --hard-candy: #ffbab6;
  --neon-boneyard: #e1ccff;
}

Tailwind CSS v4

/* Death of a Star to Neon Boneyard — https://swatchly.xyz/palette/e65de4-dcad00-ffbab6-e1ccff */
@theme {
  --color-death-of-a-star: #e65de4;
  --color-death-of-a-star-50: #ffeefe;
  --color-death-of-a-star-100: #ffddfd;
  --color-death-of-a-star-200: #ffbbfb;
  --color-death-of-a-star-300: #ff8cfc;
  --color-death-of-a-star-400: #e65de4;
  --color-death-of-a-star-500: #c83ec6;
  --color-death-of-a-star-600: #a91ca8;
  --color-death-of-a-star-700: #8a008b;
  --color-death-of-a-star-800: #6e006e;
  --color-death-of-a-star-900: #560056;
  --color-death-of-a-star-950: #380039;
  --color-mortal-yellow: #dcad00;
  --color-mortal-yellow-50: #ffedc0;
  --color-mortal-yellow-100: #ffdf8e;
  --color-mortal-yellow-200: #edc864;
  --color-mortal-yellow-300: #dcad00;
  --color-mortal-yellow-400: #b99100;
  --color-mortal-yellow-500: #9b7900;
  --color-mortal-yellow-600: #7e6200;
  --color-mortal-yellow-700: #654e00;
  --color-mortal-yellow-800: #513e00;
  --color-mortal-yellow-900: #403000;
  --color-mortal-yellow-950: #291e00;
  --color-hard-candy: #ffbab6;
  --color-hard-candy-50: #ffe9e7;
  --color-hard-candy-100: #ffd9d6;
  --color-hard-candy-200: #ffbab6;
  --color-hard-candy-300: #e4a8a4;
  --color-hard-candy-400: #c88985;
  --color-hard-candy-500: #ad6e6b;
  --color-hard-candy-600: #915654;
  --color-hard-candy-700: #784341;
  --color-hard-candy-800: #623331;
  --color-hard-candy-900: #4d2624;
  --color-hard-candy-950: #321615;
  --color-neon-boneyard: #e1ccff;
  --color-neon-boneyard-50: #f7f2ff;
  --color-neon-boneyard-100: #f0e6ff;
  --color-neon-boneyard-200: #e1ccff;
  --color-neon-boneyard-300: #c9b7e2;
  --color-neon-boneyard-400: #aa97c5;
  --color-neon-boneyard-500: #8f7baa;
  --color-neon-boneyard-600: #74618e;
  --color-neon-boneyard-700: #5d4c74;
  --color-neon-boneyard-800: #493a5d;
  --color-neon-boneyard-900: #392c49;
  --color-neon-boneyard-950: #231a2f;
}