Grapes of Italy to Dark Sanctuary Color Palette

About this palette

Grapes of Italy to Dark Sanctuary is a 4-color dark palette: #744D8F (Grapes of Italy), #47406B (Meteorite), #240500 (Dwarf Fortress), #400727 (Dark Sanctuary). It mixes purple, black, red tones and feels balanced overall. The strongest text pairing is #744D8F on #240500 with a contrast ratio of 2.92:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Grapes of Italy	rgb(116, 77, 143)	hsl(275, 30%, 43%)
Meteorite	rgb(71, 64, 107)	hsl(250, 25%, 34%)
Dwarf Fortress	rgb(36, 5, 0)	hsl(8, 100%, 7%)
Dark Sanctuary	rgb(64, 7, 39)	hsl(326, 80%, 14%)

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.

Color blindness preview

CSS variables

/* Grapes of Italy to Dark Sanctuary — https://swatchly.xyz/palette/744d8f-47406b-240500-400727 */
:root {
  --grapes-of-italy: #744d8f;
  --meteorite: #47406b;
  --dwarf-fortress: #240500;
  --dark-sanctuary: #400727;
}

Tailwind CSS v4

/* Grapes of Italy to Dark Sanctuary — https://swatchly.xyz/palette/744d8f-47406b-240500-400727 */
@theme {
  --color-grapes-of-italy: #744d8f;
  --color-grapes-of-italy-50: #f9f2ff;
  --color-grapes-of-italy-100: #f2e2ff;
  --color-grapes-of-italy-200: #e4c4fd;
  --color-grapes-of-italy-300: #ceaaea;
  --color-grapes-of-italy-400: #ae86cb;
  --color-grapes-of-italy-500: #9169ad;
  --color-grapes-of-italy-600: #744d8f;
  --color-grapes-of-italy-700: #5d3b74;
  --color-grapes-of-italy-800: #4a2c5e;
  --color-grapes-of-italy-900: #3a214b;
  --color-grapes-of-italy-950: #251331;
  --color-meteorite: #47406b;
  --color-meteorite-50: #f5f4ff;
  --color-meteorite-100: #eae8ff;
  --color-meteorite-200: #d6d2f9;
  --color-meteorite-300: #c1bce7;
  --color-meteorite-400: #a29dcc;
  --color-meteorite-500: #8882b2;
  --color-meteorite-600: #6f6896;
  --color-meteorite-700: #59537d;
  --color-meteorite-800: #47406b;
  --color-meteorite-900: #363251;
  --color-meteorite-950: #221e35;
  --color-dwarf-fortress: #240500;
  --color-dwarf-fortress-50: #fff2ee;
  --color-dwarf-fortress-100: #ffe5dc;
  --color-dwarf-fortress-200: #f2cfc4;
  --color-dwarf-fortress-300: #deb7aa;
  --color-dwarf-fortress-400: #c19689;
  --color-dwarf-fortress-500: #a2776a;
  --color-dwarf-fortress-600: #825b4e;
  --color-dwarf-fortress-700: #654338;
  --color-dwarf-fortress-800: #4b2f26;
  --color-dwarf-fortress-900: #351f18;
  --color-dwarf-fortress-950: #240500;
  --color-dark-sanctuary: #400727;
  --color-dark-sanctuary-50: #fff1f6;
  --color-dark-sanctuary-100: #ffe2ee;
  --color-dark-sanctuary-200: #fcc6dc;
  --color-dark-sanctuary-300: #e9acc6;
  --color-dark-sanctuary-400: #cd8ba8;
  --color-dark-sanctuary-500: #b16f8d;
  --color-dark-sanctuary-600: #955673;
  --color-dark-sanctuary-700: #7b425c;
  --color-dark-sanctuary-800: #643249;
  --color-dark-sanctuary-900: #502539;
  --color-dark-sanctuary-950: #400727;
}