Pink Horror to Purple Void color palette

913C65Pink Horror 794231Peanut 43315FAcai 2F1338Dark Prom Queen 280020Black Sabbath 4C1B43Purple Void

Open in generator Export PNG, PDF, ASE…

About this palette

Pink Horror to Purple Void is a 6-color dark, warm palette: #913C65 (Pink Horror), #794231 (Peanut), #43315F (Acai), #2F1338 (Dark Prom Queen), #280020 (Black Sabbath), #4C1B43 (Purple Void). It mixes red, purple tones and feels warm overall. The strongest text pairing is #913C65 on #280020 with a contrast ratio of 2.73:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pink Horror	rgb(145, 60, 101)	hsl(331, 41%, 40%)
Peanut	rgb(121, 66, 49)	hsl(14, 42%, 33%)
Acai	rgb(67, 49, 95)	hsl(263, 32%, 28%)
Dark Prom Queen	rgb(47, 19, 56)	hsl(285, 49%, 15%)
Black Sabbath	rgb(40, 0, 32)	hsl(312, 100%, 8%)
Purple Void	rgb(76, 27, 67)	hsl(311, 48%, 20%)

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

/* Pink Horror to Purple Void — https://swatchly.xyz/palette/913c65-794231-43315f-2f1338-280020-4c1b43 */
:root {
  --pink-horror: #913c65;
  --peanut: #794231;
  --acai: #43315f;
  --dark-prom-queen: #2f1338;
  --black-sabbath: #280020;
  --purple-void: #4c1b43;
}

Tailwind CSS v4

/* Pink Horror to Purple Void — https://swatchly.xyz/palette/913c65-794231-43315f-2f1338-280020-4c1b43 */
@theme {
  --color-pink-horror: #913c65;
  --color-pink-horror-50: #fff1f6;
  --color-pink-horror-100: #ffe2ed;
  --color-pink-horror-200: #ffc7de;
  --color-pink-horror-300: #f9a8cb;
  --color-pink-horror-400: #df87ad;
  --color-pink-horror-500: #c56b94;
  --color-pink-horror-600: #a9527a;
  --color-pink-horror-700: #913c65;
  --color-pink-horror-800: #742c4f;
  --color-pink-horror-900: #5c1f3d;
  --color-pink-horror-950: #3d1027;
  --color-peanut: #794231;
  --color-peanut-50: #fff2ee;
  --color-peanut-100: #ffe5dc;
  --color-peanut-200: #fccabb;
  --color-peanut-300: #e9b1a0;
  --color-peanut-400: #cc907d;
  --color-peanut-500: #af7361;
  --color-peanut-600: #925948;
  --color-peanut-700: #794231;
  --color-peanut-800: #5f3326;
  --color-peanut-900: #4b261a;
  --color-peanut-950: #30160e;
  --color-acai: #43315f;
  --color-acai-50: #f7f3ff;
  --color-acai-100: #eee7ff;
  --color-acai-200: #ddcff9;
  --color-acai-300: #c6b6e6;
  --color-acai-400: #a694c8;
  --color-acai-500: #8a78ab;
  --color-acai-600: #6e5d8d;
  --color-acai-700: #564671;
  --color-acai-800: #43315f;
  --color-acai-900: #322745;
  --color-acai-950: #1f172c;
  --color-dark-prom-queen: #2f1338;
  --color-dark-prom-queen-50: #fbf1ff;
  --color-dark-prom-queen-100: #f8e3ff;
  --color-dark-prom-queen-200: #e7cdf0;
  --color-dark-prom-queen-300: #d2b5dd;
  --color-dark-prom-queen-400: #b494bf;
  --color-dark-prom-queen-500: #9979a4;
  --color-dark-prom-queen-600: #7e5f89;
  --color-dark-prom-queen-700: #664a70;
  --color-dark-prom-queen-800: #51395a;
  --color-dark-prom-queen-900: #402b47;
  --color-dark-prom-queen-950: #2f1338;
  --color-black-sabbath: #280020;
  --color-black-sabbath-50: #fff0fa;
  --color-black-sabbath-100: #ffe1f5;
  --color-black-sabbath-200: #f3c9e6;
  --color-black-sabbath-300: #e0b0d1;
  --color-black-sabbath-400: #c28fb3;
  --color-black-sabbath-500: #a47095;
  --color-black-sabbath-600: #855477;
  --color-black-sabbath-700: #683e5d;
  --color-black-sabbath-800: #4f2b45;
  --color-black-sabbath-900: #391d31;
  --color-black-sabbath-950: #280020;
  --color-purple-void: #4c1b43;
  --color-purple-void-50: #fff0fb;
  --color-purple-void-100: #ffe1f7;
  --color-purple-void-200: #f5c7e9;
  --color-purple-void-300: #e2aed5;
  --color-purple-void-400: #c48cb7;
  --color-purple-void-500: #a8709b;
  --color-purple-void-600: #8b567f;
  --color-purple-void-700: #714166;
  --color-purple-void-800: #593051;
  --color-purple-void-900: #4c1b43;
  --color-purple-void-950: #2c1427;
}