Pretty in Prune to Wisteria color palette

702758Pretty in Prune D797ADFoxy Pink 982F3BQueen of Hearts E5C7F8Neon Boneyard AA75BDWisteria

About this palette

Pretty in Prune to Wisteria is a 5-color warm palette: #702758 (Pretty in Prune), #D797AD (Foxy Pink), #982F3B (Queen of Hearts), #E5C7F8 (Neon Boneyard), #AA75BD (Wisteria). It mixes red, pink, purple tones and feels warm overall. The strongest text pairing is #702758 on #E5C7F8 with a contrast ratio of 6.54:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pretty in Prune	rgb(112, 39, 88)	hsl(320, 48%, 30%)
Foxy Pink	rgb(215, 151, 173)	hsl(339, 44%, 72%)
Queen of Hearts	rgb(152, 47, 59)	hsl(353, 53%, 39%)
Neon Boneyard	rgb(229, 199, 248)	hsl(277, 78%, 88%)
Wisteria	rgb(170, 117, 189)	hsl(284, 35%, 60%)

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.

Aa6.54:1 Good#702758 on #E5C7F8
Aa6.54:1 Good#E5C7F8 on #702758
Aa4.94:1 Good#982F3B on #E5C7F8
Aa4.94:1 Good#E5C7F8 on #982F3B
Aa4.21:1 Poor#702758 on #D797AD
Aa4.21:1 Poor#D797AD on #702758
Aa3.18:1 Poor#D797AD on #982F3B
Aa3.18:1 Poor#982F3B on #D797AD

Color blindness preview

CSS variables

/* Pretty in Prune to Wisteria — https://swatchly.xyz/palette/702758-d797ad-982f3b-e5c7f8-aa75bd */
:root {
  --pretty-in-prune: #702758;
  --foxy-pink: #d797ad;
  --queen-of-hearts: #982f3b;
  --neon-boneyard: #e5c7f8;
  --wisteria: #aa75bd;
}

Tailwind CSS v4

/* Pretty in Prune to Wisteria — https://swatchly.xyz/palette/702758-d797ad-982f3b-e5c7f8-aa75bd */
@theme {
  --color-pretty-in-prune: #702758;
  --color-pretty-in-prune-50: #fff0f9;
  --color-pretty-in-prune-100: #ffe1f2;
  --color-pretty-in-prune-200: #ffc2e6;
  --color-pretty-in-prune-300: #f0a8d3;
  --color-pretty-in-prune-400: #d586b6;
  --color-pretty-in-prune-500: #ba6a9c;
  --color-pretty-in-prune-600: #9d5181;
  --color-pretty-in-prune-700: #833d6a;
  --color-pretty-in-prune-800: #702758;
  --color-pretty-in-prune-900: #552043;
  --color-pretty-in-prune-950: #38112b;
  --color-foxy-pink: #d797ad;
  --color-foxy-pink-50: #fff6f9;
  --color-foxy-pink-100: #ffebf1;
  --color-foxy-pink-200: #ffd0df;
  --color-foxy-pink-300: #efb9cb;
  --color-foxy-pink-400: #d797ad;
  --color-foxy-pink-500: #b77a90;
  --color-foxy-pink-600: #995e73;
  --color-foxy-pink-700: #7c475b;
  --color-foxy-pink-800: #633546;
  --color-foxy-pink-900: #4d2635;
  --color-foxy-pink-950: #301520;
  --color-queen-of-hearts: #982f3b;
  --color-queen-of-hearts-50: #fff1f1;
  --color-queen-of-hearts-100: #ffe4e4;
  --color-queen-of-hearts-200: #ffc9c9;
  --color-queen-of-hearts-300: #ffa7a9;
  --color-queen-of-hearts-400: #eb7f84;
  --color-queen-of-hearts-500: #d06269;
  --color-queen-of-hearts-600: #b14850;
  --color-queen-of-hearts-700: #982f3b;
  --color-queen-of-hearts-800: #79222d;
  --color-queen-of-hearts-900: #601620;
  --color-queen-of-hearts-950: #400a11;
  --color-neon-boneyard: #e5c7f8;
  --color-neon-boneyard-50: #f9efff;
  --color-neon-boneyard-100: #f3e0ff;
  --color-neon-boneyard-200: #e5c7f8;
  --color-neon-boneyard-300: #ccb3dd;
  --color-neon-boneyard-400: #af93c0;
  --color-neon-boneyard-500: #9478a5;
  --color-neon-boneyard-600: #795f89;
  --color-neon-boneyard-700: #624a70;
  --color-neon-boneyard-800: #4e385a;
  --color-neon-boneyard-900: #3c2a47;
  --color-neon-boneyard-950: #26192e;
  --color-wisteria: #aa75bd;
  --color-wisteria-50: #fcf3ff;
  --color-wisteria-100: #f8e6ff;
  --color-wisteria-200: #f1cbff;
  --color-wisteria-300: #e0b2f1;
  --color-wisteria-400: #c491d7;
  --color-wisteria-500: #aa75bd;
  --color-wisteria-600: #8d5a9f;
  --color-wisteria-700: #724383;
  --color-wisteria-800: #5b3169;
  --color-wisteria-900: #472353;
  --color-wisteria-950: #2d1436;
}