Palette
Deep, shadowy tones infused with mysterious purples, like a potion simmering in an ancient cauldron.
Preview
Interface
A quick look at how Enchanted Brew Kettle 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 Brew Kettle palette offers a mysterious and deep blend of dark hues, featuring profound dark slate grey #2F4F4F, deep purple-blue #483D8B, rich slate blue #6A5ACD, vivid blue violet #8A2BE2, and soft medium purple #BA55D3. This collection evokes the magic of a simmering potion in an historic cauldron, perfect for mystical and dramatic designs. It's ideal for designers crafting enigmatic, fantasy, or gothic aesthetics.
primary
Use #2F4F4F as a deep, grounding dark grey-teal for strong foundations or atmospheric backgrounds.
secondary
Apply #483D8B for rich, mystical purple-blue tones in content areas or larger graphical elements.
accent
Incorporate #8A2BE2 as a vibrant, magical highlight for calls to action, interactive elements, or glowing effects.
background
Utilize #2F4F4F or #483D8B for a deep, atmospheric base that sets a mysterious mood.
text
For dark backgrounds, use white or light grey. For #BA55D3, opt for black or a dark purple for readability.
Creates a deep, mysterious background or layered effect, ideal for immersive visuals.
#2F4F4F · #483D8B · #6A5ACDProvides vibrant purples for magical effects, highlights, or attention-grabbing calls to action.
#8A2BE2 · #BA55D3 · #6A5ACDOffers a strong base with mystical accents, suitable for headers, key elements, and impactful branding.
#2F4F4F · #BA55D3 · #8A2BE2:root {
--enchanted-brew-kettle-1: #2F4F4F;
--enchanted-brew-kettle-2: #483D8B;
--enchanted-brew-kettle-3: #6A5ACD;
--enchanted-brew-kettle-4: #8A2BE2;
--enchanted-brew-kettle-5: #BA55D3;
}theme: {
extend: {
colors: {
"enchanted-brew-kettle": {
1: "#2F4F4F",
2: "#483D8B",
3: "#6A5ACD",
4: "#8A2BE2",
5: "#BA55D3",
}
}
}
}Palette colors
Accessibility
Similar palettes