Palette
Muted greens and serene aquas evoke smooth, moss-kissed stones found in a clear riverbed.
Preview
Interface
A quick look at how Emerald River Stone 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 River Stone palette offers a serene blend of muted greens, evoking the calm beauty of moss-kissed stones in a clear river. With deep shades like #2B5D4E, refreshing mid-tones such as #7ABBA2, and airy light greens like #E2F2EB, this collection is perfect for designs seeking a natural, tranquil, and grounded aesthetic. It's highly versatile for designers aiming to create an organic, sophisticated, and calming visual experience in both digital and physical applications.
primary
Use #2B5D4E as a deep, grounding base for headers, footers, or large graphic elements.
secondary
Apply #4A7A6D for supportive content blocks, navigation, or secondary branding.
accent
Incorporate #7ABBA2 for fresh highlights, calls to action, or subtle graphical details.
background
Utilize #E2F2EB for clean, airy backgrounds that promote a sense of openness and tranquility.
text
For light backgrounds like #E2F2EB, use dark charcoal or black. For darker hues like #2B5D4E, opt for white or a very light grey.
Creates rich, natural depth for headers, large illustrations, or brand logos.
#2B5D4E · #4A7A6D · #7ABBA2Offers a soft, ethereal feel, ideal for large background areas or subtle overlays.
#E2F2EB · #B9DDC8 · #7ABBA2Provides balanced contrast for UI elements, calls to action, and key branding messages.
#4A7A6D · #E2F2EB · #2B5D4E:root {
--emerald-river-stone-1: #2B5D4E;
--emerald-river-stone-2: #4A7A6D;
--emerald-river-stone-3: #7ABBA2;
--emerald-river-stone-4: #B9DDC8;
--emerald-river-stone-5: #E2F2EB;
}theme: {
extend: {
colors: {
"emerald-river-stone": {
1: "#2B5D4E",
2: "#4A7A6D",
3: "#7ABBA2",
4: "#B9DDC8",
5: "#E2F2EB",
}
}
}
}Palette colors
Accessibility
Similar palettes