Mummy’s Tomb to Cashew Nut Color Palette

About this palette

Mummy’s Tomb to Cashew Nut is a 5-color muted palette: #758F84 (Mummy’s Tomb), #3E394C (Call It a Night), #5E596B (Fedora), #C3A18F (Pergament), #E7C9B1 (Cashew Nut). It mixes gray, orange tones and feels warm overall. The strongest text pairing is #3E394C on #E7C9B1 with a contrast ratio of 7.07:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Mummy’s Tomb	rgb(117, 143, 132)	hsl(155, 10%, 51%)
Call It a Night	rgb(62, 57, 76)	hsl(256, 14%, 26%)
Fedora	rgb(94, 89, 107)	hsl(257, 9%, 38%)
Pergament	rgb(195, 161, 143)	hsl(21, 30%, 66%)
Cashew Nut	rgb(231, 201, 177)	hsl(27, 53%, 80%)

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.07:1 Very good#3E394C on #E7C9B1
Aa7.07:1 Very good#E7C9B1 on #3E394C
Aa4.65:1 Good#3E394C on #C3A18F
Aa4.65:1 Good#C3A18F on #3E394C
Aa4.29:1 Poor#5E596B on #E7C9B1
Aa4.29:1 Poor#E7C9B1 on #5E596B
Aa3.18:1 Poor#758F84 on #3E394C
Aa3.18:1 Poor#3E394C on #758F84

Color blindness preview

CSS variables

/* Mummy’s Tomb to Cashew Nut — https://swatchly.xyz/palette/758f84-3e394c-5e596b-c3a18f-e7c9b1 */
:root {
  --mummy-s-tomb: #758f84;
  --call-it-a-night: #3e394c;
  --fedora: #5e596b;
  --pergament: #c3a18f;
  --cashew-nut: #e7c9b1;
}

Tailwind CSS v4

/* Mummy’s Tomb to Cashew Nut — https://swatchly.xyz/palette/758f84-3e394c-5e596b-c3a18f-e7c9b1 */
@theme {
  --color-mummy-s-tomb: #758f84;
  --color-mummy-s-tomb-50: #eafaf3;
  --color-mummy-s-tomb-100: #dff1e9;
  --color-mummy-s-tomb-200: #caded5;
  --color-mummy-s-tomb-300: #b1c9bf;
  --color-mummy-s-tomb-400: #91aa9f;
  --color-mummy-s-tomb-500: #758f84;
  --color-mummy-s-tomb-600: #5b7469;
  --color-mummy-s-tomb-700: #465c53;
  --color-mummy-s-tomb-800: #344840;
  --color-mummy-s-tomb-900: #273831;
  --color-mummy-s-tomb-950: #16231e;
  --color-call-it-a-night: #3e394c;
  --color-call-it-a-night-50: #f6f3ff;
  --color-call-it-a-night-100: #ece9f8;
  --color-call-it-a-night-200: #d9d4e6;
  --color-call-it-a-night-300: #c1bcd0;
  --color-call-it-a-night-400: #a19bb1;
  --color-call-it-a-night-500: #847f95;
  --color-call-it-a-night-600: #696478;
  --color-call-it-a-night-700: #524d5f;
  --color-call-it-a-night-800: #3e394c;
  --color-call-it-a-night-900: #2f2c39;
  --color-call-it-a-night-950: #1c1a23;
  --color-fedora: #5e596b;
  --color-fedora-50: #f6f3ff;
  --color-fedora-100: #ece9f6;
  --color-fedora-200: #dad6e6;
  --color-fedora-300: #c5c1d2;
  --color-fedora-400: #a7a2b5;
  --color-fedora-500: #8d889b;
  --color-fedora-600: #746f81;
  --color-fedora-700: #5e596b;
  --color-fedora-800: #494554;
  --color-fedora-900: #383542;
  --color-fedora-950: #23212a;
  --color-pergament: #c3a18f;
  --color-pergament-50: #fff6f1;
  --color-pergament-100: #ffebe0;
  --color-pergament-200: #f1d7ca;
  --color-pergament-300: #dec1b1;
  --color-pergament-400: #c3a18f;
  --color-pergament-500: #a58473;
  --color-pergament-600: #886958;
  --color-pergament-700: #6e5242;
  --color-pergament-800: #573e31;
  --color-pergament-900: #432f23;
  --color-pergament-950: #2a1b14;
  --color-cashew-nut: #e7c9b1;
  --color-cashew-nut-50: #feecdd;
  --color-cashew-nut-100: #f4e0d0;
  --color-cashew-nut-200: #e7c9b1;
  --color-cashew-nut-300: #cfb5a0;
  --color-cashew-nut-400: #b29680;
  --color-cashew-nut-500: #987c66;
  --color-cashew-nut-600: #7d644e;
  --color-cashew-nut-700: #664f3c;
  --color-cashew-nut-800: #523e2d;
  --color-cashew-nut-900: #402f20;
  --color-cashew-nut-950: #291c12;
}