Palette
A palette of profound and gleaming greens, like precious emeralds hidden in a forgotten, opulent vault.
Preview
Interface
A quick look at how Emerald Vault 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 Emerald Vault palette is a sophisticated monochromatic collection of deep, gleaming emeralds and teals, ranging from the profound #004B49 to the vibrant #0AE0DE. This collection evokes opulence and mystery, perfect for luxurious and elegant designs. Designers can use these shades to create depth and a rich, jewel-toned aesthetic across various applications, from high-end branding to sophisticated digital interfaces, offering a sense of hidden value and prestige.
primary
Use #004B49 as the deepest, most luxurious anchor for strong branding or dark backgrounds.
secondary
Apply #026664 for rich, supportive mid-tones in content areas or larger graphical elements.
accent
Incorporate #0AE0DE as a bright, shimmering highlight for calls to action, interactive elements, or subtle details.
background
Utilize #004B49 or #026664 for a deep, opulent background that sets a luxurious mood.
text
For dark backgrounds, use white or very light grey. For very light colors like #0AE0DE, opt for black or dark charcoal.
Creates rich depth and a subtle glow, ideal for backgrounds, large elements, or gradients.
#004B49 · #026664 · #048785Provides vibrant highlights against a dark base, perfect for calls to action or interactive elements.
#07A8A6 · #0AE0DE · #004B49Offers smooth transitions for layered design elements, subtle gradients, or cohesive visual storytelling.
#026664 · #048785 · #07A8A6:root {
--emerald-vault-1: #004B49;
--emerald-vault-2: #026664;
--emerald-vault-3: #048785;
--emerald-vault-4: #07A8A6;
--emerald-vault-5: #0AE0DE;
}theme: {
extend: {
colors: {
"emerald-vault": {
1: "#004B49",
2: "#026664",
3: "#048785",
4: "#07A8A6",
5: "#0AE0DE",
}
}
}
}Palette colors
Accessibility
Similar palettes