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
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Sanctum of Shadows | rgb(59, 49, 78) | hsl(261, 23%, 25%) | |
| Highlander | rgb(49, 88, 70) | hsl(152, 28%, 27%) | |
| Rural Green | rgb(140, 129, 73) | hsl(50, 31%, 42%) | |
| Willow Leaf | rgb(165, 164, 107) | hsl(59, 24%, 53%) | |
| York Plum | rgb(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 #3B314E on #D2BFE3
- Aa7.09:1 #D2BFE3 on #3B314E
- Aa4.70:1 #315846 on #D2BFE3
- Aa4.70:1 #D2BFE3 on #315846
- Aa4.68:1 #3B314E on #A5A46B
- Aa4.68:1 #A5A46B on #3B314E
- Aa3.11:1 #315846 on #A5A46B
- Aa3.11:1 #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
- D3BED23C6E633C303C7280549A9D80Tamed Beauty to Fennelly
- D2D6E7B4A0739280584B5F4B2E2531Après-Ski to Haiti
- 33262F3E5A44608C67A6967DBFCAECFFF8E9Melanzane to Cosmic Latte
- E5B9C8A2AA59928300006A5A272436Pink Mist to Midnight Express
- 3763537BB7AE985F34C6C1E5392B48Ethereal Woods to Sanctum of Shadows
- 133F382257486B549AB27F51D1A066CCC3F4Botanical Night to Innocent Snowdrop
- 3D372846514075806E8F9AB0C3AE91D0B9D2Graphite to Tamed Beauty
- EBD5E5A0B8907F8F77265B5946373FScented Spring to Vibrant Vine