Worcestershire Sauce to Nouveau-Riche color palette

5A2528Worcestershire Sauce 973C41Shin Godzilla C94197Lustful Wishes D076A8Fading Love FFB771Nouveau-Riche

Open in generator Export PNG, PDF, ASE…

About this palette

Worcestershire Sauce to Nouveau-Riche is a 5-color warm, gradient palette: #5A2528 (Worcestershire Sauce), #973C41 (Shin Godzilla), #C94197 (Lustful Wishes), #D076A8 (Fading Love), #FFB771 (Nouveau-Riche). It mixes brown, red, pink, orange tones and feels warm overall. The strongest text pairing is #5A2528 on #FFB771 with a contrast ratio of 7.09:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Worcestershire Sauce	rgb(90, 37, 40)	hsl(357, 42%, 25%)
Shin Godzilla	rgb(151, 60, 65)	hsl(357, 43%, 41%)
Lustful Wishes	rgb(201, 65, 151)	hsl(322, 56%, 52%)
Fading Love	rgb(208, 118, 168)	hsl(327, 49%, 64%)
Nouveau-Riche	rgb(255, 183, 113)	hsl(30, 100%, 72%)

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.

Aa7.09:1 Very good#5A2528 on #FFB771
Aa7.09:1 Very good#FFB771 on #5A2528
Aa4.04:1 Poor#973C41 on #FFB771
Aa4.04:1 Poor#FFB771 on #973C41
Aa3.95:1 Poor#5A2528 on #D076A8
Aa3.95:1 Poor#D076A8 on #5A2528

Color blindness preview

CSS variables

/* Worcestershire Sauce to Nouveau-Riche — https://swatchly.xyz/palette/5a2528-973c41-c94197-d076a8-ffb771 */
:root {
  --worcestershire-sauce: #5a2528;
  --shin-godzilla: #973c41;
  --lustful-wishes: #c94197;
  --fading-love: #d076a8;
  --nouveau-riche: #ffb771;
}

Tailwind CSS v4

/* Worcestershire Sauce to Nouveau-Riche — https://swatchly.xyz/palette/5a2528-973c41-c94197-d076a8-ffb771 */
@theme {
  --color-worcestershire-sauce: #5a2528;
  --color-worcestershire-sauce-50: #fff1f1;
  --color-worcestershire-sauce-100: #ffe4e3;
  --color-worcestershire-sauce-200: #fcc9c9;
  --color-worcestershire-sauce-300: #e9b0b0;
  --color-worcestershire-sauce-400: #cd9090;
  --color-worcestershire-sauce-500: #b37576;
  --color-worcestershire-sauce-600: #975c5d;
  --color-worcestershire-sauce-700: #7d4849;
  --color-worcestershire-sauce-800: #673739;
  --color-worcestershire-sauce-900: #5a2528;
  --color-worcestershire-sauce-950: #37191a;
  --color-shin-godzilla: #973c41;
  --color-shin-godzilla-50: #fff1f1;
  --color-shin-godzilla-100: #ffe4e3;
  --color-shin-godzilla-200: #ffcac9;
  --color-shin-godzilla-300: #ffaaaa;
  --color-shin-godzilla-400: #e68889;
  --color-shin-godzilla-500: #cc6c6e;
  --color-shin-godzilla-600: #af5256;
  --color-shin-godzilla-700: #973c41;
  --color-shin-godzilla-800: #792c31;
  --color-shin-godzilla-900: #601f23;
  --color-shin-godzilla-950: #401014;
  --color-lustful-wishes: #c94197;
  --color-lustful-wishes-50: #ffeef7;
  --color-lustful-wishes-100: #ffddef;
  --color-lustful-wishes-200: #ffbce0;
  --color-lustful-wishes-300: #ff92d0;
  --color-lustful-wishes-400: #e862b4;
  --color-lustful-wishes-500: #c94197;
  --color-lustful-wishes-600: #aa257c;
  --color-lustful-wishes-700: #8d0e65;
  --color-lustful-wishes-800: #720050;
  --color-lustful-wishes-900: #5a003f;
  --color-lustful-wishes-950: #3c0028;
  --color-fading-love: #d076a8;
  --color-fading-love-50: #ffecf5;
  --color-fading-love-100: #ffdaed;
  --color-fading-love-200: #ffb8dd;
  --color-fading-love-300: #ee9bc7;
  --color-fading-love-400: #d076a8;
  --color-fading-love-500: #b45c8e;
  --color-fading-love-600: #974574;
  --color-fading-love-700: #7c325e;
  --color-fading-love-800: #65244b;
  --color-fading-love-900: #51193b;
  --color-fading-love-950: #360d26;
  --color-nouveau-riche: #ffb771;
  --color-nouveau-riche-50: #fff7f1;
  --color-nouveau-riche-100: #ffeddc;
  --color-nouveau-riche-200: #ffd5ae;
  --color-nouveau-riche-300: #ffb771;
  --color-nouveau-riche-400: #d99756;
  --color-nouveau-riche-500: #bd7931;
  --color-nouveau-riche-600: #9e5e0a;
  --color-nouveau-riche-700: #7e4900;
  --color-nouveau-riche-800: #633700;
  --color-nouveau-riche-900: #4c2900;
  --color-nouveau-riche-950: #311900;
}