Witchcore Color Psychology & Meaning
Witchcore is the aesthetic of mysticism, herbalism, and feminine power. Deep purple-black with dusty lilac — the color of midnight rituals and old spellbooks.
#1A0A2E
#6B2D8B
#C8A2C8
#F0E6D3
Background
Primary Accent
Secondary
Body Text
Witchcore
nightmoodypastel autumnwinter brandingfashionlifestyle
AAA
WCAG Grade
15.1:1
Contrast Ratio
2,891
Saves
7,234
AI Copies
Use #1A0A2E as the background. Use #6B2D8B as the primary accent. Use #C8A2C8 as secondary. Use #F0E6D3 as body text/supporting color. Palette mood: Witchcore — night, moody, pastel.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Witchcore color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 0.6% | 26, 10, 46 | 43%, 78%, 0%, 82% | 267°, 64%, 11% | ||
| Primary Accent Luminance: 6.9% | 107, 45, 139 | 23%, 68%, 0%, 45% | 280°, 51%, 36% | ||
| Secondary Luminance: 42.3% | 200, 162, 200 | 0%, 19%, 0%, 22% | 300°, 26%, 71% | ||
| Body Text Luminance: 79.8% | 240, 230, 211 | 0%, 4%, 12%, 6% | 39°, 49%, 88% |
Color Harmony: Triadic Scheme
The Witchcore palette is built using a triadic relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A triadic palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
Witchcraft aesthetics in fashion and design draw from Victorian occultism, Gothic literature, and modern Wicca. The purple-black combination has been associated with mysticism cross-culturally.
Best Design Use Cases
Very deep purple-black for all surfaces. Medium purple for magic and mystical accents. Pale lavender for text. Warm cream for contrast.
Industries This Palette Suits
Fashion, beauty, occult brands, Halloween.
How to Implement the Witchcore Color Scheme
To use this Witchcore color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #1A0A2E for the main background and #6B2D8B for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #F0E6D3 and #1A0A2E is 15.06:1 (AAA). Ensure your body text remains legible.