Strawberry Risotto to Equestrienne color palette

EEC5BEStrawberry Risotto 7C4B47Sly Fox BB908ARosy Brown 3B2A28Havana A17670Equestrienne

About this palette

Strawberry Risotto to Equestrienne is a 5-color muted, warm, vintage, monochromatic palette: #EEC5BE (Strawberry Risotto), #7C4B47 (Sly Fox), #BB908A (Rosy Brown), #3B2A28 (Havana), #A17670 (Equestrienne). It mixes pink, red, gray tones and feels warm overall. The strongest text pairing is #EEC5BE on #3B2A28 with a contrast ratio of 8.64:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Strawberry Risotto	rgb(238, 197, 190)	hsl(9, 59%, 84%)
Sly Fox	rgb(124, 75, 71)	hsl(5, 27%, 38%)
Rosy Brown	rgb(187, 144, 138)	hsl(7, 26%, 64%)
Havana	rgb(59, 42, 40)	hsl(6, 19%, 19%)
Equestrienne	rgb(161, 118, 112)	hsl(7, 21%, 54%)

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.

Aa8.64:1 Very good#EEC5BE on #3B2A28
Aa8.64:1 Very good#3B2A28 on #EEC5BE
Aa4.83:1 Good#BB908A on #3B2A28
Aa4.83:1 Good#3B2A28 on #BB908A
Aa4.52:1 Good#EEC5BE on #7C4B47
Aa4.52:1 Good#7C4B47 on #EEC5BE
Aa3.45:1 Poor#3B2A28 on #A17670
Aa3.45:1 Poor#A17670 on #3B2A28

Color blindness preview

CSS variables

/* Strawberry Risotto to Equestrienne — https://swatchly.xyz/palette/eec5be-7c4b47-bb908a-3b2a28-a17670 */
:root {
  --strawberry-risotto: #eec5be;
  --sly-fox: #7c4b47;
  --rosy-brown: #bb908a;
  --havana: #3b2a28;
  --equestrienne: #a17670;
}

Tailwind CSS v4

/* Strawberry Risotto to Equestrienne — https://swatchly.xyz/palette/eec5be-7c4b47-bb908a-3b2a28-a17670 */
@theme {
  --color-strawberry-risotto: #eec5be;
  --color-strawberry-risotto-50: #ffebe7;
  --color-strawberry-risotto-100: #f9ded9;
  --color-strawberry-risotto-200: #eec5be;
  --color-strawberry-risotto-300: #d5b1ab;
  --color-strawberry-risotto-400: #b8928c;
  --color-strawberry-risotto-500: #9e7872;
  --color-strawberry-risotto-600: #83605a;
  --color-strawberry-risotto-700: #6b4b46;
  --color-strawberry-risotto-800: #563a36;
  --color-strawberry-risotto-900: #432c28;
  --color-strawberry-risotto-950: #2b1a18;
  --color-sly-fox: #7c4b47;
  --color-sly-fox-50: #fff2f0;
  --color-sly-fox-100: #ffe4e1;
  --color-sly-fox-200: #f8cdc8;
  --color-sly-fox-300: #e6b5b0;
  --color-sly-fox-400: #ca9590;
  --color-sly-fox-500: #af7a75;
  --color-sly-fox-600: #93615c;
  --color-sly-fox-700: #7c4b47;
  --color-sly-fox-800: #623a36;
  --color-sly-fox-900: #4d2b28;
  --color-sly-fox-950: #321918;
  --color-rosy-brown: #bb908a;
  --color-rosy-brown-50: #ffefed;
  --color-rosy-brown-100: #fee0dc;
  --color-rosy-brown-200: #edcac5;
  --color-rosy-brown-300: #d9b2ac;
  --color-rosy-brown-400: #bb908a;
  --color-rosy-brown-500: #9f7670;
  --color-rosy-brown-600: #845d58;
  --color-rosy-brown-700: #6b4944;
  --color-rosy-brown-800: #563834;
  --color-rosy-brown-900: #442a27;
  --color-rosy-brown-950: #2c1a17;
  --color-havana: #3b2a28;
  --color-havana-50: #fff2f0;
  --color-havana-100: #f6e7e6;
  --color-havana-200: #e4d3d1;
  --color-havana-300: #cfbcb9;
  --color-havana-400: #b09b99;
  --color-havana-500: #947f7c;
  --color-havana-600: #786462;
  --color-havana-700: #5f4e4c;
  --color-havana-800: #4a3b39;
  --color-havana-900: #3b2a28;
  --color-havana-950: #221a19;
  --color-equestrienne: #a17670;
  --color-equestrienne-50: #fff1ef;
  --color-equestrienne-100: #ffe2de;
  --color-equestrienne-200: #f0ccc6;
  --color-equestrienne-300: #dcb3ad;
  --color-equestrienne-400: #bd928c;
  --color-equestrienne-500: #a17670;
  --color-equestrienne-600: #855d57;
  --color-equestrienne-700: #6c4843;
  --color-equestrienne-800: #573733;
  --color-equestrienne-900: #442a26;
  --color-equestrienne-950: #2c1916;
}