Shadow Purple to Smidgen of Love color palette

583141Shadow Purple 421A28Black-Hearted BC8290Punched Pink E6A1BFThink Pink A0596ECherry Berry F1C9D9Smidgen of Love

Open in generator Export PNG, PDF, ASE…

About this palette

Shadow Purple to Smidgen of Love is a 6-color warm, vintage, monochromatic palette: #583141 (Shadow Purple), #421A28 (Black-Hearted), #BC8290 (Punched Pink), #E6A1BF (Think Pink), #A0596E (Cherry Berry), #F1C9D9 (Smidgen of Love). It mixes red, pink tones and feels warm overall. The strongest text pairing is #421A28 on #F1C9D9 with a contrast ratio of 10.00:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Shadow Purple	rgb(88, 49, 65)	hsl(335, 28%, 27%)
Black-Hearted	rgb(66, 26, 40)	hsl(339, 43%, 18%)
Punched Pink	rgb(188, 130, 144)	hsl(346, 30%, 62%)
Think Pink	rgb(230, 161, 191)	hsl(334, 58%, 77%)
Cherry Berry	rgb(160, 89, 110)	hsl(342, 29%, 49%)
Smidgen of Love	rgb(241, 201, 217)	hsl(336, 59%, 87%)

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.

Aa10.00:1 Very good#421A28 on #F1C9D9
Aa10.00:1 Very good#F1C9D9 on #421A28
Aa7.30:1 Very good#583141 on #F1C9D9
Aa7.30:1 Very good#F1C9D9 on #583141
Aa7.24:1 Very good#421A28 on #E6A1BF
Aa7.24:1 Very good#E6A1BF on #421A28
Aa5.29:1 Good#583141 on #E6A1BF
Aa5.29:1 Good#E6A1BF on #583141

Color blindness preview

CSS variables

/* Shadow Purple to Smidgen of Love — https://swatchly.xyz/palette/583141-421a28-bc8290-e6a1bf-a0596e-f1c9d9 */
:root {
  --shadow-purple: #583141;
  --black-hearted: #421a28;
  --punched-pink: #bc8290;
  --think-pink: #e6a1bf;
  --cherry-berry: #a0596e;
  --smidgen-of-love: #f1c9d9;
}

Tailwind CSS v4

/* Shadow Purple to Smidgen of Love — https://swatchly.xyz/palette/583141-421a28-bc8290-e6a1bf-a0596e-f1c9d9 */
@theme {
  --color-shadow-purple: #583141;
  --color-shadow-purple-50: #fff1f6;
  --color-shadow-purple-100: #ffe2ec;
  --color-shadow-purple-200: #f1ccd9;
  --color-shadow-purple-300: #ddb3c2;
  --color-shadow-purple-400: #be92a2;
  --color-shadow-purple-500: #a27586;
  --color-shadow-purple-600: #855b6b;
  --color-shadow-purple-700: #6b4554;
  --color-shadow-purple-800: #583141;
  --color-shadow-purple-900: #422732;
  --color-shadow-purple-950: #2a171e;
  --color-black-hearted: #421a28;
  --color-black-hearted-50: #fff1f5;
  --color-black-hearted-100: #ffe3ea;
  --color-black-hearted-200: #f3cbd6;
  --color-black-hearted-300: #e0b3bf;
  --color-black-hearted-400: #c1909e;
  --color-black-hearted-500: #a37281;
  --color-black-hearted-600: #845765;
  --color-black-hearted-700: #69414d;
  --color-black-hearted-800: #502f39;
  --color-black-hearted-900: #421a28;
  --color-black-hearted-950: #241217;
  --color-punched-pink: #bc8290;
  --color-punched-pink-50: #ffebef;
  --color-punched-pink-100: #ffd9e1;
  --color-punched-pink-200: #f1bfca;
  --color-punched-pink-300: #dba5b1;
  --color-punched-pink-400: #bc8290;
  --color-punched-pink-500: #a16977;
  --color-punched-pink-600: #865260;
  --color-punched-pink-700: #6e404c;
  --color-punched-pink-800: #59313b;
  --color-punched-pink-900: #47252e;
  --color-punched-pink-950: #30161d;
  --color-think-pink: #e6a1bf;
  --color-think-pink-50: #ffeaf3;
  --color-think-pink-100: #ffdae9;
  --color-think-pink-200: #f6bed5;
  --color-think-pink-300: #e6a1bf;
  --color-think-pink-400: #c584a1;
  --color-think-pink-500: #aa6a87;
  --color-think-pink-600: #8e526e;
  --color-think-pink-700: #753f58;
  --color-think-pink-800: #5f2f46;
  --color-think-pink-900: #4c2337;
  --color-think-pink-950: #311422;
  --color-cherry-berry: #a0596e;
  --color-cherry-berry-50: #fff1f4;
  --color-cherry-berry-100: #ffe5eb;
  --color-cherry-berry-200: #ffc9d7;
  --color-cherry-berry-300: #f2afc0;
  --color-cherry-berry-400: #d68ea2;
  --color-cherry-berry-500: #bc7287;
  --color-cherry-berry-600: #a0596e;
  --color-cherry-berry-700: #834357;
  --color-cherry-berry-800: #6a3143;
  --color-cherry-berry-900: #532433;
  --color-cherry-berry-950: #36141f;
  --color-smidgen-of-love: #f1c9d9;
  --color-smidgen-of-love-50: #ffeff5;
  --color-smidgen-of-love-100: #fbe2ec;
  --color-smidgen-of-love-200: #f1c9d9;
  --color-smidgen-of-love-300: #d7b5c2;
  --color-smidgen-of-love-400: #b995a3;
  --color-smidgen-of-love-500: #9e7988;
  --color-smidgen-of-love-600: #82606e;
  --color-smidgen-of-love-700: #694b58;
  --color-smidgen-of-love-800: #543945;
  --color-smidgen-of-love-900: #422b35;
  --color-smidgen-of-love-950: #2a1a21;
}