Forest Green Color Palette: Hex Codes, Shades & Pairings

Forest Green is a grounded palette that moves from pale mint mist to deep evergreen. It evokes real landscapes—trees, moss, foliage—and signals stability, growth, and sustainability for serious modern brands.

For named-color RGB/HSL and Ocean Breeze cross-reference, open the Forest Green hex code guide. To preview mixes, use the Color Mixing Simulator.

What Is the Forest Green Palette?

The palette on this page is built around five greens that step from mist tint to deep evergreen:

#228B22 · #166534 · #15803D · #86EFAC · #DCFCE7

Together, these shades support full interfaces: dark tones anchor navigation and type on light UI, mid tones handle CTAs, and tints carry backgrounds and success states.

Need more steps? Use the palette generator from any anchor hex.

Copy-ready swatches for every stop live in the sticky sidebar on large screens (and at the top of this page).

The Psychology of Forest Green

Forest Green is not a playful or impulsive color. It carries specific, repeatable associations you can lean on:

• Stability and long-term thinking: Dark greens feel rooted and established, ideal for brands that want to signal durability rather than trends.
• Sustainability and nature: These tones instantly read as organic and earth-linked—perfect for eco, climate, outdoor, and wellness brands.
• Quiet luxury: When paired with warm neutrals or brass accents, Forest Green leans into a premium, under-stated aesthetic instead of loud "premium" tropes.
• Calm focus: In interfaces, deep greens can lower visual noise and support concentration, especially when backgrounds stay light and typography is clear.

If your product is built around speed, hype, or constant novelty, this palette will likely fight your story. But if your value proposition is trust, depth, and responsibility, Forest Green is often a better strategic choice than another generic dark blue.

Hex Codes and Roles in the Palette

A small, intentional system where each shade has a job:

• #228B22 – CSS Forest: Canonical web forestgreen; use when specs demand the named color or for brand marks tied to classic web green.
• #166534 – Deep evergreen: Navigation bars, footers, and high-emphasis UI on light backgrounds.
• #15803D – Rich green: Primary buttons, filled badges, and strong accents on white or mist surfaces.
• #86EFAC – Light mint: Secondary highlights, charts, and soft borders—avoid tiny white text on top.
• #DCFCE7 – Pale mist: Section backgrounds, cards, and success washes; pair with charcoal body copy.

Always verify with the contrast checker before shipping white type on mid greens.

Best Uses in Branding and Visual Identity

Forest Green is a good fit for brands that need to feel credible and modern without leaning on the overused "enterprise blue" palette. It's especially strong for:

• Climate and sustainability: Climate tech, non-profits, and ESG initiatives that need to back up their message visually.
• Finance and fintech: Products that manage money, savings, or investments and want to signal longevity and responsibility.
• Outdoors and lifestyle: Hiking, camping, and slow travel brands that want to mirror real-world landscapes, not cartoon palettes.
• Wellness and slow living: Meditation, sleep, and mental health products where calm visuals support the product promise.

The mistake to avoid is using Forest Green while your brand story shouts speed, trend-chasing, or maximalist energy. In those cases, keep this palette in a supporting role or choose a more vibrant primary and let green appear as an accent only.

Forest Green in Web and UI Design

In interfaces, Forest Green works best when you treat it as a structural color, not a full-page paint bucket. A few practical patterns:

• Hero sections: Use the darkest greens for a hero background with generous padding, large type, and plenty of breathing room.
• Navigation and headers: A slim dark-green header with white type can anchor the page without feeling heavy.
• Primary actions: Reserve one mid-to-dark green for your primary CTAs and keep it consistent across the product.
• Feedback states: Lighter greens are excellent for success messages, confirmation banners, and progress indicators.

Overusing full-bleed, dark green backgrounds on long pages can make content feel dense and tiring to read. Aim for contrast: alternate Forest Green sections with white or off-white content blocks so the eye can rest and hierarchy stays clear.

Color Combinations That Actually Work

Forest Green is surprisingly flexible, as long as you avoid pairing it with overly saturated rivals. Strong, reliable combinations include:

• Forest Green + Warm Neutrals: Cream, beige, and soft taupe create a cozy, organic feel that works well for editorial sites and lifestyle brands.
• Forest Green + Crisp White: Clean, minimal, and highly legible—ideal for product marketing sites and SaaS dashboards.
• Forest Green + Brass/Gold: Adds quiet luxury without tipping into cliché black-and-gold territory.
• Forest Green + Dusty Pink: A modern, editorial pairing that feels current but still grounded. Use it carefully in accents, not everywhere.

If you want to quickly test these pairings, plug Forest Green and your supporting colors into the palette generator and preview them as UI blocks rather than flat swatches.

When Forest Green Is the Wrong Choice

Every palette has failure modes. Forest Green becomes a liability when:

• You rely heavily on tiny white text over mid-tone greens without checking contrast.
• Your brand voice is high-energy, youthful, or meme-driven, but your visuals are heavy and serious.
• You mix Forest Green with too many loud primaries, creating visual noise instead of hierarchy.
• You use dark green for huge content blocks, making pages feel cramped and fatiguing.

If you recognize your brand in that list, demote Forest Green to an accent color. Use it for success states, badges, or illustrations instead of anchoring the entire experience around it.

Should You Build Your Brand on Forest Green?

Before you commit, pressure-test the idea with three questions:

• Does your product benefit from feeling grounded and long-term? If you're selling trust, safety, or durability, Forest Green earns its place.
• Can you keep the supporting palette muted and intentional? If everything else is loud, Forest Green will get drowned out or look misplaced.
• Will you use it consistently across UI, marketing, and physical touchpoints? The color only becomes brand equity when it shows up everywhere with discipline.

If those answers are "yes," Forest Green is more than an aesthetic preference—it's a strategic signal of who you are. If not, keep the palette handy for accents and explore other options like Ocean Breeze or Purple Dream.