Blackberry to Sultan of Pink color palette

491E37Blackberry 743364Grape C284AEMoonlight Mauve 9C5882Feminism F8D6E9Lovely Breeze E3A1CESultan of Pink

Open in generator Export PNG, PDF, ASE…

About this palette

Blackberry to Sultan of Pink is a 6-color warm, vintage, monochromatic palette: #491E37 (Blackberry), #743364 (Grape), #C284AE (Moonlight Mauve), #9C5882 (Feminism), #F8D6E9 (Lovely Breeze), #E3A1CE (Sultan of Pink). It mixes red, purple, pink tones and feels warm overall. The strongest text pairing is #491E37 on #F8D6E9 with a contrast ratio of 10.36:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blackberry	rgb(73, 30, 55)	hsl(325, 42%, 20%)
Grape	rgb(116, 51, 100)	hsl(315, 39%, 33%)
Moonlight Mauve	rgb(194, 132, 174)	hsl(319, 34%, 64%)
Feminism	rgb(156, 88, 130)	hsl(323, 28%, 48%)
Lovely Breeze	rgb(248, 214, 233)	hsl(326, 71%, 91%)
Sultan of Pink	rgb(227, 161, 206)	hsl(319, 54%, 76%)

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.36:1 Very good#491E37 on #F8D6E9
Aa10.36:1 Very good#F8D6E9 on #491E37
Aa6.73:1 Good#491E37 on #E3A1CE
Aa6.73:1 Good#E3A1CE on #491E37
Aa6.58:1 Good#743364 on #F8D6E9
Aa6.58:1 Good#F8D6E9 on #743364
Aa4.73:1 Good#491E37 on #C284AE
Aa4.73:1 Good#C284AE on #491E37

Color blindness preview

CSS variables

/* Blackberry to Sultan of Pink — https://swatchly.xyz/palette/491e37-743364-c284ae-9c5882-f8d6e9-e3a1ce */
:root {
  --blackberry: #491e37;
  --grape: #743364;
  --moonlight-mauve: #c284ae;
  --feminism: #9c5882;
  --lovely-breeze: #f8d6e9;
  --sultan-of-pink: #e3a1ce;
}

Tailwind CSS v4

/* Blackberry to Sultan of Pink — https://swatchly.xyz/palette/491e37-743364-c284ae-9c5882-f8d6e9-e3a1ce */
@theme {
  --color-blackberry: #491e37;
  --color-blackberry-50: #fff0f8;
  --color-blackberry-100: #ffe2f0;
  --color-blackberry-200: #f4cadf;
  --color-blackberry-300: #e0b1c9;
  --color-blackberry-400: #c28faa;
  --color-blackberry-500: #a6738e;
  --color-blackberry-600: #895972;
  --color-blackberry-700: #6e435a;
  --color-blackberry-800: #573246;
  --color-blackberry-900: #491e37;
  --color-blackberry-950: #2a1420;
  --color-grape: #743364;
  --color-grape-50: #fff0fa;
  --color-grape-100: #ffe1f5;
  --color-grape-200: #fbc2ea;
  --color-grape-300: #e8a7d4;
  --color-grape-400: #c983b5;
  --color-grape-500: #ac6699;
  --color-grape-600: #8d4c7c;
  --color-grape-700: #743364;
  --color-grape-800: #5a284e;
  --color-grape-900: #471d3d;
  --color-grape-950: #2e0f26;
  --color-moonlight-mauve: #c284ae;
  --color-moonlight-mauve-50: #ffedf8;
  --color-moonlight-mauve-100: #ffdcf2;
  --color-moonlight-mauve-200: #f4c1e2;
  --color-moonlight-mauve-300: #e0a7cd;
  --color-moonlight-mauve-400: #c284ae;
  --color-moonlight-mauve-500: #a66a93;
  --color-moonlight-mauve-600: #8a5279;
  --color-moonlight-mauve-700: #713e62;
  --color-moonlight-mauve-800: #5b2f4e;
  --color-moonlight-mauve-900: #48233d;
  --color-moonlight-mauve-950: #2f1427;
  --color-feminism: #9c5882;
  --color-feminism-50: #fff0f8;
  --color-feminism-100: #ffe3f3;
  --color-feminism-200: #ffc7e7;
  --color-feminism-300: #eeaed3;
  --color-feminism-400: #d28db6;
  --color-feminism-500: #b8719c;
  --color-feminism-600: #9c5882;
  --color-feminism-700: #804269;
  --color-feminism-800: #673053;
  --color-feminism-900: #512340;
  --color-feminism-950: #341329;
  --color-lovely-breeze: #f8d6e9;
  --color-lovely-breeze-50: #fffafd;
  --color-lovely-breeze-100: #ffeef7;
  --color-lovely-breeze-200: #f8d6e9;
  --color-lovely-breeze-300: #dbc0cf;
  --color-lovely-breeze-400: #bc9eaf;
  --color-lovely-breeze-500: #9f8092;
  --color-lovely-breeze-600: #826575;
  --color-lovely-breeze-700: #684e5d;
  --color-lovely-breeze-800: #513a48;
  --color-lovely-breeze-900: #3f2c37;
  --color-lovely-breeze-950: #281a22;
  --color-sultan-of-pink: #e3a1ce;
  --color-sultan-of-pink-50: #ffeaf8;
  --color-sultan-of-pink-100: #ffd9f2;
  --color-sultan-of-pink-200: #f3bee2;
  --color-sultan-of-pink-300: #e3a1ce;
  --color-sultan-of-pink-400: #c284af;
  --color-sultan-of-pink-500: #a76a95;
  --color-sultan-of-pink-600: #8c527a;
  --color-sultan-of-pink-700: #733e63;
  --color-sultan-of-pink-800: #5d2f4f;
  --color-sultan-of-pink-900: #4a233f;
  --color-sultan-of-pink-950: #301428;
}