Black Cherry to Long Passionate Night color palette

281621Black Cherry 86575AReading Tea Leaves A56BB5Prickly Purple E1B5B4Perfect Pink FFE3F0Bunny Tail 543B57Long Passionate Night

Open in generator Export PNG, PDF, ASE…

About this palette

Black Cherry to Long Passionate Night is a 6-color palette: #281621 (Black Cherry), #86575A (Reading Tea Leaves), #A56BB5 (Prickly Purple), #E1B5B4 (Perfect Pink), #FFE3F0 (Bunny Tail), #543B57 (Long Passionate Night). It mixes gray, red, purple, pink, white tones and feels balanced overall. The strongest text pairing is #281621 on #FFE3F0 with a contrast ratio of 14.26:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Black Cherry	rgb(40, 22, 33)	hsl(323, 29%, 12%)
Reading Tea Leaves	rgb(134, 87, 90)	hsl(356, 21%, 43%)
Prickly Purple	rgb(165, 107, 181)	hsl(287, 33%, 56%)
Perfect Pink	rgb(225, 181, 180)	hsl(1, 43%, 79%)
Bunny Tail	rgb(255, 227, 240)	hsl(332, 100%, 95%)
Long Passionate Night	rgb(84, 59, 87)	hsl(294, 19%, 29%)

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.

Aa14.26:1 Super#281621 on #FFE3F0
Aa14.26:1 Super#FFE3F0 on #281621
Aa9.35:1 Very good#281621 on #E1B5B4
Aa9.35:1 Very good#E1B5B4 on #281621
Aa8.18:1 Very good#FFE3F0 on #543B57
Aa8.18:1 Very good#543B57 on #FFE3F0
Aa5.36:1 Good#E1B5B4 on #543B57
Aa5.36:1 Good#543B57 on #E1B5B4

Color blindness preview

CSS variables

/* Black Cherry to Long Passionate Night — https://swatchly.xyz/palette/281621-86575a-a56bb5-e1b5b4-ffe3f0-543b57 */
:root {
  --black-cherry: #281621;
  --reading-tea-leaves: #86575a;
  --prickly-purple: #a56bb5;
  --perfect-pink: #e1b5b4;
  --bunny-tail: #ffe3f0;
  --long-passionate-night: #543b57;
}

Tailwind CSS v4

/* Black Cherry to Long Passionate Night — https://swatchly.xyz/palette/281621-86575a-a56bb5-e1b5b4-ffe3f0-543b57 */
@theme {
  --color-black-cherry: #281621;
  --color-black-cherry-50: #fff0f8;
  --color-black-cherry-100: #f6e6ef;
  --color-black-cherry-200: #e4d1dc;
  --color-black-cherry-300: #cfbac6;
  --color-black-cherry-400: #b19aa7;
  --color-black-cherry-500: #957e8b;
  --color-black-cherry-600: #796370;
  --color-black-cherry-700: #614d58;
  --color-black-cherry-800: #4c3b44;
  --color-black-cherry-900: #3a2c34;
  --color-black-cherry-950: #281621;
  --color-reading-tea-leaves: #86575a;
  --color-reading-tea-leaves-50: #fff1f2;
  --color-reading-tea-leaves-100: #ffe2e3;
  --color-reading-tea-leaves-200: #f3c9cb;
  --color-reading-tea-leaves-300: #dfb0b2;
  --color-reading-tea-leaves-400: #c08e91;
  --color-reading-tea-leaves-500: #a37275;
  --color-reading-tea-leaves-600: #86575a;
  --color-reading-tea-leaves-700: #6c4346;
  --color-reading-tea-leaves-800: #573336;
  --color-reading-tea-leaves-900: #442629;
  --color-reading-tea-leaves-950: #2c1718;
  --color-prickly-purple: #a56bb5;
  --color-prickly-purple-50: #fcf0ff;
  --color-prickly-purple-100: #f9e2ff;
  --color-prickly-purple-200: #f2c4ff;
  --color-prickly-purple-300: #deaaed;
  --color-prickly-purple-400: #c188d1;
  --color-prickly-purple-500: #a56bb5;
  --color-prickly-purple-600: #895198;
  --color-prickly-purple-700: #6f3d7d;
  --color-prickly-purple-800: #592c65;
  --color-prickly-purple-900: #462050;
  --color-prickly-purple-950: #2d1234;
  --color-perfect-pink: #e1b5b4;
  --color-perfect-pink-50: #fff2f1;
  --color-perfect-pink-100: #ffe4e4;
  --color-perfect-pink-200: #f0cfce;
  --color-perfect-pink-300: #e1b5b4;
  --color-perfect-pink-400: #bf9695;
  --color-perfect-pink-500: #a37b7a;
  --color-perfect-pink-600: #876160;
  --color-perfect-pink-700: #6e4b4b;
  --color-perfect-pink-800: #573939;
  --color-perfect-pink-900: #442b2b;
  --color-perfect-pink-950: #2c1a19;
  --color-bunny-tail: #ffe3f0;
  --color-bunny-tail-50: #fff1f8;
  --color-bunny-tail-100: #ffe3f0;
  --color-bunny-tail-200: #e6d2db;
  --color-bunny-tail-300: #d1bac5;
  --color-bunny-tail-400: #b39aa5;
  --color-bunny-tail-500: #977e8a;
  --color-bunny-tail-600: #7c646f;
  --color-bunny-tail-700: #634e58;
  --color-bunny-tail-800: #4f3c45;
  --color-bunny-tail-900: #3d2e35;
  --color-bunny-tail-950: #271b21;
  --color-long-passionate-night: #543b57;
  --color-long-passionate-night-50: #fef0ff;
  --color-long-passionate-night-100: #f7e4f9;
  --color-long-passionate-night-200: #e5cfe8;
  --color-long-passionate-night-300: #d1b8d4;
  --color-long-passionate-night-400: #b398b7;
  --color-long-passionate-night-500: #997d9c;
  --color-long-passionate-night-600: #7e6381;
  --color-long-passionate-night-700: #664e69;
  --color-long-passionate-night-800: #543b57;
  --color-long-passionate-night-900: #402e42;
  --color-long-passionate-night-950: #291c2a;
}