Palette
Evokes the serene, damp beauty of mosses clinging to ancient stones in a flowing river.
Preview
Interface
A quick look at how Emerald Riverbed Moss 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 Riverbed Moss palette captures the serene, damp beauty of moss clinging to ancient stones in a flowing river. Featuring deep charcoal #36454F, vibrant teal #008080, lush forest green #2E8B57, and softer tones like #8FBC8F, this collection is perfect for designs seeking an earthy, sophisticated, and calming aesthetic. It offers a unique blend of depth and freshness, ideal for creating a natural yet refined visual experience.
primary
Use #36454F as a strong, grounding base for headers, footers, or robust branding.
secondary
Apply #008080 for rich, vibrant support in content blocks or key graphical elements.
accent
Incorporate #2E8B57 as a deep, lush highlight for calls to action or important details.
background
Utilize #8FBC8F for soft, muted backgrounds that provide a gentle backdrop.
text
For dark backgrounds like #36454F, use white or light grey. For lighter backgrounds like #8FBC8F, opt for black or dark charcoal.
Creates a sense of mystery and depth for headers, hero sections, or impactful visuals.
#36454F · #008080 · #5F9EA0Offers a fresh and natural feel, suitable for content blocks, illustrations, or serene backgrounds.
#2E8B57 · #8FBC8F · #5F9EA0Provides a strong base with a soft lift, ideal for UI elements, branding accents, and clear hierarchy.
#36454F · #8FBC8F · #008080:root {
--emerald-riverbed-moss-1: #36454F;
--emerald-riverbed-moss-2: #008080;
--emerald-riverbed-moss-3: #2E8B57;
--emerald-riverbed-moss-4: #5F9EA0;
--emerald-riverbed-moss-5: #8FBC8F;
}theme: {
extend: {
colors: {
"emerald-riverbed-moss": {
1: "#36454F",
2: "#008080",
3: "#2E8B57",
4: "#5F9EA0",
5: "#8FBC8F",
}
}
}
}Palette colors
Accessibility
Similar palettes