Sweet Perfume to Blackberry Color Palette

About this palette

Sweet Perfume to Blackberry is a 5-color warm, vintage, monochromatic palette: #DD98B7 (Sweet Perfume), #7F3D5D (Pleasure), #B35084 (Our Little Secret), #FFCBE1 (Light Pink), #4B1934 (Blackberry). It mixes pink, red tones and feels warm overall. The strongest text pairing is #FFCBE1 on #4B1934 with a contrast ratio of 10.00:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Sweet Perfume	rgb(221, 152, 183)	hsl(333, 50%, 73%)
Pleasure	rgb(127, 61, 93)	hsl(331, 35%, 37%)
Our Little Secret	rgb(179, 80, 132)	hsl(328, 39%, 51%)
Light Pink	rgb(255, 203, 225)	hsl(335, 100%, 90%)
Blackberry	rgb(75, 25, 52)	hsl(328, 50%, 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.

Aa10.00:1 Very good#FFCBE1 on #4B1934
Aa10.00:1 Very good#4B1934 on #FFCBE1
Aa6.22:1 Good#DD98B7 on #4B1934
Aa6.22:1 Good#4B1934 on #DD98B7
Aa5.46:1 Good#7F3D5D on #FFCBE1
Aa5.46:1 Good#FFCBE1 on #7F3D5D
Aa3.39:1 Poor#DD98B7 on #7F3D5D
Aa3.39:1 Poor#7F3D5D on #DD98B7

Color blindness preview

CSS variables

/* Sweet Perfume to Blackberry — https://swatchly.xyz/palette/dd98b7-7f3d5d-b35084-ffcbe1-4b1934 */
:root {
  --sweet-perfume: #dd98b7;
  --pleasure: #7f3d5d;
  --our-little-secret: #b35084;
  --light-pink: #ffcbe1;
  --blackberry: #4b1934;
}

Tailwind CSS v4

/* Sweet Perfume to Blackberry — https://swatchly.xyz/palette/dd98b7-7f3d5d-b35084-ffcbe1-4b1934 */
@theme {
  --color-sweet-perfume: #dd98b7;
  --color-sweet-perfume-50: #fff8fb;
  --color-sweet-perfume-100: #ffedf4;
  --color-sweet-perfume-200: #ffd4e6;
  --color-sweet-perfume-300: #f3bad3;
  --color-sweet-perfume-400: #dd98b7;
  --color-sweet-perfume-500: #bc7b99;
  --color-sweet-perfume-600: #9d5e7b;
  --color-sweet-perfume-700: #804662;
  --color-sweet-perfume-800: #66334c;
  --color-sweet-perfume-900: #4f2539;
  --color-sweet-perfume-950: #311422;
  --color-pleasure: #7f3d5d;
  --color-pleasure-50: #fff1f6;
  --color-pleasure-100: #ffe2ee;
  --color-pleasure-200: #ffc4dd;
  --color-pleasure-300: #edabc8;
  --color-pleasure-400: #d089a9;
  --color-pleasure-500: #b56d8e;
  --color-pleasure-600: #975474;
  --color-pleasure-700: #7f3d5d;
  --color-pleasure-800: #642f49;
  --color-pleasure-900: #4f2238;
  --color-pleasure-950: #341323;
  --color-our-little-secret: #b35084;
  --color-our-little-secret-50: #fff1f7;
  --color-our-little-secret-100: #ffe5f0;
  --color-our-little-secret-200: #ffcbe2;
  --color-our-little-secret-300: #ffa9d2;
  --color-our-little-secret-400: #e886b6;
  --color-our-little-secret-500: #ce6a9d;
  --color-our-little-secret-600: #b35084;
  --color-our-little-secret-700: #94386a;
  --color-our-little-secret-800: #782653;
  --color-our-little-secret-900: #5f1940;
  --color-our-little-secret-950: #3e0b28;
  --color-light-pink: #ffcbe1;
  --color-light-pink-50: #fff5f9;
  --color-light-pink-100: #ffe8f1;
  --color-light-pink-200: #ffcbe1;
  --color-light-pink-300: #e1b7c9;
  --color-light-pink-400: #c495a9;
  --color-light-pink-500: #a7788d;
  --color-light-pink-600: #8a5e71;
  --color-light-pink-700: #70485a;
  --color-light-pink-800: #593646;
  --color-light-pink-900: #462836;
  --color-light-pink-950: #2d1821;
  --color-blackberry: #4b1934;
  --color-blackberry-50: #fff1f7;
  --color-blackberry-100: #ffe2ef;
  --color-blackberry-200: #f8c8dd;
  --color-blackberry-300: #e5afc8;
  --color-blackberry-400: #c78ca8;
  --color-blackberry-500: #aa6f8b;
  --color-blackberry-600: #8c5570;
  --color-blackberry-700: #714058;
  --color-blackberry-800: #582e43;
  --color-blackberry-900: #4b1934;
  --color-blackberry-950: #2b121e;
}