Berry Good to Bruised Plum color palette

EFC3C4Berry Good D09397Rosetti AE7574Morocco 905B5FVelour Scar 783E40Wild Berry 351E20Bruised Plum

Open in generator Export PNG, PDF, ASE…

About this palette

Berry Good to Bruised Plum is a 6-color warm, vintage, monochromatic palette: #EFC3C4 (Berry Good), #D09397 (Rosetti), #AE7574 (Morocco), #905B5F (Velour Scar), #783E40 (Wild Berry), #351E20 (Bruised Plum). It mixes pink, red, brown tones and feels warm overall. The strongest text pairing is #EFC3C4 on #351E20 with a contrast ratio of 9.77:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Berry Good	rgb(239, 195, 196)	hsl(359, 58%, 85%)
Rosetti	rgb(208, 147, 151)	hsl(356, 39%, 70%)
Morocco	rgb(174, 117, 116)	hsl(1, 26%, 57%)
Velour Scar	rgb(144, 91, 95)	hsl(355, 23%, 46%)
Wild Berry	rgb(120, 62, 64)	hsl(358, 32%, 36%)
Bruised Plum	rgb(53, 30, 32)	hsl(355, 28%, 16%)

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.

Aa9.77:1 Very good#EFC3C4 on #351E20
Aa9.77:1 Very good#351E20 on #EFC3C4
Aa6.11:1 Good#D09397 on #351E20
Aa6.11:1 Good#351E20 on #D09397
Aa5.18:1 Good#EFC3C4 on #783E40
Aa5.18:1 Good#783E40 on #EFC3C4
Aa4.12:1 Poor#AE7574 on #351E20
Aa4.12:1 Poor#351E20 on #AE7574

Color blindness preview

CSS variables

/* Berry Good to Bruised Plum — https://swatchly.xyz/palette/efc3c4-d09397-ae7574-905b5f-783e40-351e20 */
:root {
  --berry-good: #efc3c4;
  --rosetti: #d09397;
  --morocco: #ae7574;
  --velour-scar: #905b5f;
  --wild-berry: #783e40;
  --bruised-plum: #351e20;
}

Tailwind CSS v4

/* Berry Good to Bruised Plum — https://swatchly.xyz/palette/efc3c4-d09397-ae7574-905b5f-783e40-351e20 */
@theme {
  --color-berry-good: #efc3c4;
  --color-berry-good-50: #ffeaea;
  --color-berry-good-100: #fadcdd;
  --color-berry-good-200: #efc3c4;
  --color-berry-good-300: #d6b0b0;
  --color-berry-good-400: #b99192;
  --color-berry-good-500: #9f7778;
  --color-berry-good-600: #845e5f;
  --color-berry-good-700: #6c4a4b;
  --color-berry-good-800: #57393a;
  --color-berry-good-900: #442b2c;
  --color-berry-good-950: #2c1a1a;
  --color-rosetti: #d09397;
  --color-rosetti-50: #fff3f4;
  --color-rosetti-100: #ffe7e8;
  --color-rosetti-200: #fccdcf;
  --color-rosetti-300: #eab5b8;
  --color-rosetti-400: #d09397;
  --color-rosetti-500: #b2777b;
  --color-rosetti-600: #945d61;
  --color-rosetti-700: #79474b;
  --color-rosetti-800: #613539;
  --color-rosetti-900: #4c272a;
  --color-rosetti-950: #301619;
  --color-morocco: #ae7574;
  --color-morocco-50: #fff2f1;
  --color-morocco-100: #ffe4e3;
  --color-morocco-200: #f9cac9;
  --color-morocco-300: #e7b2b0;
  --color-morocco-400: #ca918f;
  --color-morocco-500: #ae7574;
  --color-morocco-600: #915b5b;
  --color-morocco-700: #764646;
  --color-morocco-800: #5f3535;
  --color-morocco-900: #4b2727;
  --color-morocco-950: #301717;
  --color-velour-scar: #905b5f;
  --color-velour-scar-50: #fff1f2;
  --color-velour-scar-100: #ffe4e5;
  --color-velour-scar-200: #f8cacd;
  --color-velour-scar-300: #e5b2b5;
  --color-velour-scar-400: #c89194;
  --color-velour-scar-500: #ac7579;
  --color-velour-scar-600: #905b5f;
  --color-velour-scar-700: #75464a;
  --color-velour-scar-800: #5e3538;
  --color-velour-scar-900: #4a272a;
  --color-velour-scar-950: #301719;
  --color-wild-berry: #783e40;
  --color-wild-berry-50: #fff1f1;
  --color-wild-berry-100: #ffe4e3;
  --color-wild-berry-200: #fcc8c7;
  --color-wild-berry-300: #e9aeae;
  --color-wild-berry-400: #cc8c8c;
  --color-wild-berry-500: #af7071;
  --color-wild-berry-600: #915557;
  --color-wild-berry-700: #783e40;
  --color-wild-berry-800: #5e3032;
  --color-wild-berry-900: #4a2325;
  --color-wild-berry-950: #301415;
  --color-bruised-plum: #351e20;
  --color-bruised-plum-50: #fff1f2;
  --color-bruised-plum-100: #fae5e6;
  --color-bruised-plum-200: #e9d1d2;
  --color-bruised-plum-300: #d4b9bb;
  --color-bruised-plum-400: #b6999b;
  --color-bruised-plum-500: #9c7f81;
  --color-bruised-plum-600: #826668;
  --color-bruised-plum-700: #6b5153;
  --color-bruised-plum-800: #574042;
  --color-bruised-plum-900: #463334;
  --color-bruised-plum-950: #351e20;
}