Red Rumour to Zombie color palette

6D3C49Red Rumour 8B6DC0Lavish Spending 59D0C1Patina C0768FPrehistoric Pink 413251Maharaja CED8A4Zombie

Open in generator Export PNG, PDF, ASE…

About this palette

Red Rumour to Zombie is a 6-color cool palette: #6D3C49 (Red Rumour), #8B6DC0 (Lavish Spending), #59D0C1 (Patina), #C0768F (Prehistoric Pink), #413251 (Maharaja), #CED8A4 (Zombie). It mixes red, purple, turquoise, pink, green tones and feels cool overall. The strongest text pairing is #413251 on #CED8A4 with a contrast ratio of 7.77:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Red Rumour	rgb(109, 60, 73)	hsl(344, 29%, 33%)
Lavish Spending	rgb(139, 109, 192)	hsl(262, 40%, 59%)
Patina	rgb(89, 208, 193)	hsl(172, 56%, 58%)
Prehistoric Pink	rgb(192, 118, 143)	hsl(340, 37%, 61%)
Maharaja	rgb(65, 50, 81)	hsl(269, 24%, 26%)
Zombie	rgb(206, 216, 164)	hsl(72, 40%, 75%)

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.77:1 Very good#413251 on #CED8A4
Aa7.77:1 Very good#CED8A4 on #413251
Aa6.23:1 Good#59D0C1 on #413251
Aa6.23:1 Good#413251 on #59D0C1
Aa5.84:1 Good#6D3C49 on #CED8A4
Aa5.84:1 Good#CED8A4 on #6D3C49
Aa4.69:1 Good#6D3C49 on #59D0C1
Aa4.69:1 Good#59D0C1 on #6D3C49

Color blindness preview

CSS variables

/* Red Rumour to Zombie — https://swatchly.xyz/palette/6d3c49-8b6dc0-59d0c1-c0768f-413251-ced8a4 */
:root {
  --red-rumour: #6d3c49;
  --lavish-spending: #8b6dc0;
  --patina: #59d0c1;
  --prehistoric-pink: #c0768f;
  --maharaja: #413251;
  --zombie: #ced8a4;
}

Tailwind CSS v4

/* Red Rumour to Zombie — https://swatchly.xyz/palette/6d3c49-8b6dc0-59d0c1-c0768f-413251-ced8a4 */
@theme {
  --color-red-rumour: #6d3c49;
  --color-red-rumour-50: #fff1f4;
  --color-red-rumour-100: #ffe3e9;
  --color-red-rumour-200: #f5c8d2;
  --color-red-rumour-300: #e1aeb9;
  --color-red-rumour-400: #c28b98;
  --color-red-rumour-500: #a56f7c;
  --color-red-rumour-600: #865460;
  --color-red-rumour-700: #6d3c49;
  --color-red-rumour-800: #552f39;
  --color-red-rumour-900: #42232b;
  --color-red-rumour-950: #2a141a;
  --color-lavish-spending: #8b6dc0;
  --color-lavish-spending-50: #f5f1ff;
  --color-lavish-spending-100: #ece4ff;
  --color-lavish-spending-200: #dbcaff;
  --color-lavish-spending-300: #c6adfa;
  --color-lavish-spending-400: #a78add;
  --color-lavish-spending-500: #8b6dc0;
  --color-lavish-spending-600: #7154a3;
  --color-lavish-spending-700: #5b4087;
  --color-lavish-spending-800: #48306e;
  --color-lavish-spending-900: #382458;
  --color-lavish-spending-950: #24153b;
  --color-patina: #59d0c1;
  --color-patina-50: #c5fff6;
  --color-patina-100: #b0f6eb;
  --color-patina-200: #8ee4d7;
  --color-patina-300: #59d0c1;
  --color-patina-400: #39b1a3;
  --color-patina-500: #009689;
  --color-patina-600: #00796e;
  --color-patina-700: #006158;
  --color-patina-800: #004d45;
  --color-patina-900: #003c36;
  --color-patina-950: #002621;
  --color-prehistoric-pink: #c0768f;
  --color-prehistoric-pink-50: #fff3f7;
  --color-prehistoric-pink-100: #ffe8ee;
  --color-prehistoric-pink-200: #ffcddc;
  --color-prehistoric-pink-300: #f4b2c7;
  --color-prehistoric-pink-400: #d992a9;
  --color-prehistoric-pink-500: #c0768f;
  --color-prehistoric-pink-600: #a15a73;
  --color-prehistoric-pink-700: #84435b;
  --color-prehistoric-pink-800: #6a3146;
  --color-prehistoric-pink-900: #532335;
  --color-prehistoric-pink-950: #351320;
  --color-maharaja: #413251;
  --color-maharaja-50: #f8f2ff;
  --color-maharaja-100: #f1e6fe;
  --color-maharaja-200: #ded1ee;
  --color-maharaja-300: #c8bada;
  --color-maharaja-400: #ab9bbe;
  --color-maharaja-500: #9181a4;
  --color-maharaja-600: #78688a;
  --color-maharaja-700: #625372;
  --color-maharaja-800: #4f425e;
  --color-maharaja-900: #413251;
  --color-maharaja-950: #292032;
  --color-zombie: #ced8a4;
  --color-zombie-50: #eff5d7;
  --color-zombie-100: #e4ebc9;
  --color-zombie-200: #ced8a4;
  --color-zombie-300: #b9c295;
  --color-zombie-400: #9ba473;
  --color-zombie-500: #808958;
  --color-zombie-600: #676f40;
  --color-zombie-700: #52592e;
  --color-zombie-800: #404620;
  --color-zombie-900: #313616;
  --color-zombie-950: #1e220a;
}