Sanctum of Shadows to York Plum color palette

About this palette

Sanctum of Shadows to York Plum is a 5-color cool, earthy, vintage palette: #3B314E (Sanctum of Shadows), #315846 (Highlander), #8C8149 (Rural Green), #A5A46B (Willow Leaf), #D2BFE3 (York Plum). It mixes purple, green, yellow tones and feels cool overall. The strongest text pairing is #3B314E on #D2BFE3 with a contrast ratio of 7.09:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Sanctum of Shadowsrgb(59, 49, 78)hsl(261, 23%, 25%)
Highlanderrgb(49, 88, 70)hsl(152, 28%, 27%)
Rural Greenrgb(140, 129, 73)hsl(50, 31%, 42%)
Willow Leafrgb(165, 164, 107)hsl(59, 24%, 53%)
York Plumrgb(210, 191, 227)hsl(272, 39%, 82%)

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#3B314E on #D2BFE3
  • Aa7.09:1 Very good#D2BFE3 on #3B314E
  • Aa4.70:1 Good#315846 on #D2BFE3
  • Aa4.70:1 Good#D2BFE3 on #315846
  • Aa4.68:1 Good#3B314E on #A5A46B
  • Aa4.68:1 Good#A5A46B on #3B314E
  • Aa3.11:1 Poor#315846 on #A5A46B
  • Aa3.11:1 Poor#A5A46B on #315846

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Sanctum of Shadows to York Plum — https://swatchly.xyz/palette/3b314e-315846-8c8149-a5a46b-d2bfe3 */
:root {
  --sanctum-of-shadows: #3b314e;
  --highlander: #315846;
  --rural-green: #8c8149;
  --willow-leaf: #a5a46b;
  --york-plum: #d2bfe3;
}

Tailwind CSS v4

/* Sanctum of Shadows to York Plum — https://swatchly.xyz/palette/3b314e-315846-8c8149-a5a46b-d2bfe3 */
@theme {
  --color-sanctum-of-shadows: #3b314e;
  --color-sanctum-of-shadows-50: #f6f3ff;
  --color-sanctum-of-shadows-100: #eee7fe;
  --color-sanctum-of-shadows-200: #dbd2ee;
  --color-sanctum-of-shadows-300: #c5bbda;
  --color-sanctum-of-shadows-400: #a69cbd;
  --color-sanctum-of-shadows-500: #8c81a3;
  --color-sanctum-of-shadows-600: #726888;
  --color-sanctum-of-shadows-700: #5c5370;
  --color-sanctum-of-shadows-800: #49415b;
  --color-sanctum-of-shadows-900: #3b314e;
  --color-sanctum-of-shadows-950: #251f30;
  --color-highlander: #315846;
  --color-highlander-50: #e4fcef;
  --color-highlander-100: #d8f3e5;
  --color-highlander-200: #bfdfcf;
  --color-highlander-300: #a4c8b6;
  --color-highlander-400: #80a894;
  --color-highlander-500: #638c78;
  --color-highlander-600: #49705d;
  --color-highlander-700: #315846;
  --color-highlander-800: #264436;
  --color-highlander-900: #1b3529;
  --color-highlander-950: #0f2118;
  --color-rural-green: #8c8149;
  --color-rural-green-50: #fbf5d5;
  --color-rural-green-100: #f1eac5;
  --color-rural-green-200: #ded5aa;
  --color-rural-green-300: #c7be8c;
  --color-rural-green-400: #a89d66;
  --color-rural-green-500: #8c8149;
  --color-rural-green-600: #726831;
  --color-rural-green-700: #5c5220;
  --color-rural-green-800: #484013;
  --color-rural-green-900: #39310a;
  --color-rural-green-950: #241f04;
  --color-willow-leaf: #a5a46b;
  --color-willow-leaf-50: #f7f7d7;
  --color-willow-leaf-100: #ededc9;
  --color-willow-leaf-200: #dadaae;
  --color-willow-leaf-300: #c4c392;
  --color-willow-leaf-400: #a5a46b;
  --color-willow-leaf-500: #8a8951;
  --color-willow-leaf-600: #706e38;
  --color-willow-leaf-700: #595725;
  --color-willow-leaf-800: #464417;
  --color-willow-leaf-900: #36350e;
  --color-willow-leaf-950: #222105;
  --color-york-plum: #d2bfe3;
  --color-york-plum-50: #fbf7ff;
  --color-york-plum-100: #f5ebff;
  --color-york-plum-200: #e5d7f1;
  --color-york-plum-300: #d2bfe3;
  --color-york-plum-400: #b09fc0;
  --color-york-plum-500: #9482a4;
  --color-york-plum-600: #786787;
  --color-york-plum-700: #5f506d;
  --color-york-plum-800: #4a3d56;
  --color-york-plum-900: #392d42;
  --color-york-plum-950: #231b2a;
}

Similar palettes