Palette
The rich, damp greens of a secluded valley, softened by a gentle morning mist.
Preview
Interface
A quick look at how Emerald Valley Mist 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 Valley Mist palette (version 2) is a lush, vibrant, and fresh collection, dominated by rich greens like #006400 and #3CB371, with a cool, misty blue accent #ADD8E6. It evokes the dense foliage of a secluded valley softened by a gentle morning mist, creating a tranquil yet lively atmosphere. This palette is excellent for designers seeking to convey natural beauty, growth, and serenity across various applications.
primary
Use #006400 as a deep, grounding forest green for strong visual anchors like headers or logos.
secondary
Apply #228B22 for vibrant, natural mid-tones in content areas or supportive graphics.
accent
Incorporate #ADD8E6 as a cool, misty highlight for calls to action, interactive elements, or subtle accents.
background
Utilize #ADD8E6 for airy, light backgrounds that enhance the palette's fresh and tranquil mood.
text
For light backgrounds like #ADD8E6, use black or dark grey. For darker greens like #006400, opt for white or a very light grey.
Creates a rich, layered green effect for depicting nature scenes or strong brand identity.
#006400 · #228B22 · #3CB371Offers a soft, fresh feel, ideal for backgrounds, subtle accents, and ethereal elements.
#ADD8E6 · #3CB371 · #6B8E23Provides a strong primary with a cool accent, suitable for headers, calls to action, and key information.
#006400 · #ADD8E6 · #6B8E23:root {
--emerald-valley-mist-2-1: #006400;
--emerald-valley-mist-2-2: #228B22;
--emerald-valley-mist-2-3: #3CB371;
--emerald-valley-mist-2-4: #6B8E23;
--emerald-valley-mist-2-5: #ADD8E6;
}theme: {
extend: {
colors: {
"emerald-valley-mist-2": {
1: "#006400",
2: "#228B22",
3: "#3CB371",
4: "#6B8E23",
5: "#ADD8E6",
}
}
}
}Palette colors
Accessibility
Similar palettes