A green navbar signals growth, freshness and go. These are the green shades that work best as website navigation backgrounds — dark enough for white text, rich enough to feel designed:
Emerald Navbar #0E7A5F · RGB 14, 122, 95
Forest Navbar #14532D · RGB 20, 83, 45
Mint Navbar #3EB489 · RGB 62, 180, 137
Sage Navbar #8A9A5B · RGB 138, 154, 91
Teal-Green Navbar #0F766E · RGB 15, 118, 110
Olive Navbar #556B2F · RGB 85, 107, 47
Bright Green Navbar #16A34A · RGB 22, 163, 74
Deep Green Navbar #052E16 · RGB 5, 46, 22
Quick CSS: background:#0E7A5F; color:#FFFFFF; gives you the classic emerald navbar. For hover states, go one shade darker than the base.
Full palettes from our collection built on greens — for the rest of the site around your navbar:
Related collections: Beige and Green Color Palettes · Dark Green Complementary Color Palettes · Emerald Green Paint Colors · Color Palette Generator
Click any palette to open it, then click a color strip to copy its hex code. All palettes on Maroon Colors are free to use for personal and commercial projects.