Palette
A dazzling array of purples, capturing the luminous glow of crystals in a magical cave.
Preview
Interface
A quick look at how Enchanted Crystal Cave reads on buttons, badges, and alerts before you commit.
Marketing banner
A bolder treatment that stretches the primary and secondary colors across a full gradient banner.
Data visualization
Palette guide
The Enchanted Crystal Cave palette presents a dazzling array of purples, from vivid blue violet #8A2BE2 and deep dark violet #9400D3 to medium orchid #BA55D3 and light orchid #EE82EE, finishing with a soft plum #DDA0DD. This collection captures the luminous glow of crystals in a magical cave, ideal for vibrant and elegant designs. It offers designers a rich, jewel-toned spectrum to create captivating and luxurious visual experiences.
primary
Use #9400D3 as a deep, vibrant anchor purple for strong branding or dramatic backgrounds.
secondary
Apply #8A2BE2 for rich, supportive blue-violet tones in content areas or larger graphical elements.
accent
Incorporate #EE82EE as a bright, shimmering highlight for calls to action, interactive elements, or glowing effects.
background
Utilize #DDA0DD for soft, ethereal backgrounds that enhance the palette's mystical mood.
text
For light backgrounds like #DDA0DD, use dark grey or black. For dark colors like #9400D3, opt for white or light grey.
Creates a rich, jewel-toned depth for backgrounds, strong branding, or evocative visuals.
#9400D3 · #8A2BE2 · #BA55D3Offers a soft, luminous blend for delicate elements, subtle highlights, and magical effects.
#EE82EE · #DDA0DD · #BA55D3Provides a strong primary with a bright accent, suitable for headers, calls to action, and impactful branding.
#9400D3 · #EE82EE · #8A2BE2:root {
--enchanted-crystal-cave-1: #8A2BE2;
--enchanted-crystal-cave-2: #9400D3;
--enchanted-crystal-cave-3: #BA55D3;
--enchanted-crystal-cave-4: #EE82EE;
--enchanted-crystal-cave-5: #DDA0DD;
}theme: {
extend: {
colors: {
"enchanted-crystal-cave": {
1: "#8A2BE2",
2: "#9400D3",
3: "#BA55D3",
4: "#EE82EE",
5: "#DDA0DD",
}
}
}
}Palette colors
Accessibility
Similar palettes