Forest Green Hex Code: Color Codes, Palette & Schemes

If you searched for forest green hex code, forest green color code, or forest green colour code, you want a number you can paste into CSS, Figma, or a style guide. This page gives the most common web values, explains why they differ, and shows a full forest green color palette and forest green color scheme starting points. We also list Ocean Breeze color hex codes for the blue–green palette many teams pair with natural greens.

Forest green hex code (the usual answers)

The closest thing to a single canonical forest green hex on the web is the CSS named color forestgreen, which is #228B22 — rgb(34, 139, 34). That is the value browsers resolve when you write color: forestgreen;.

In product and UI design, color forest green often means something darker and more evergreen. A widely used deep green is #065F46 (rgb(6, 95, 70)), which anchors the five-step forest palette we use across Theme & Color. Another deep option you may see in branding is #2d5016 (rgb(45, 80, 22)).

CSS named: #228B22 · Deep UI green: #065F46 · Dark forest: #2d5016

Forest green colour code (UK) and RGB

British English searches for forest green colour code still expect hex on screen—the format does not change by region. What changes is spelling in copy (colour vs color). For accessibility documentation, list hex, RGB, and HSL so developers anywhere can implement the same appearance.

• #228B22 → RGB rgb(34, 139, 34)
• #065F46 → RGB rgb(6, 95, 70)

Forest green color palette (five hex codes)

A practical forest green color palette needs more than one swatch: dark tones for navigation and type on light UI, mid greens for primary buttons and links, and a minty light green for backgrounds or success. The set below matches our Forest Green palette story so you can jump between the quick codes here and the longer brand-and-UI guide.

#065F46 · #047857 · #059669 · #10B981 · #34D399

To extend this range (hover, disabled, dark mode), use the palette generator starting from any of these hex values.

Forest green color scheme ideas

A forest green color scheme is how you combine forest greens with neutrals and accents. Reliable patterns:

• Forest green + warm off-white — Use #fafaf9 or cream with #065F46 text or headers for editorial, wellness, and eco brands.
• Forest green + charcoal — #111827 body text with #059669 buttons keeps contrast strong on white (always verify with a checker).
• Forest green + brass gold — Muted gold (#b45309 or softer metallics) with deep green reads premium without defaulting to black and gold.

Before shipping, run your text, links, and CTA pairs through the contrast checker so your forest green scheme stays WCAG-aligned.

Ocean Breeze color and Ocean Breeze colour hex codes

Teams looking up Ocean Breeze color or Ocean Breeze colour usually want the full blue-to-mint ramp in one line. Here are the five hex codes; the deep dive (roles, CSS variables, accessibility) lives in the Ocean Breeze palette guide.

#0EA5E9 · #06B6D4 · #14B8A6 · #10B981 · #34D399

Ocean Breeze shares two greens with the forest palette (#10B981, #34D399), so you can bridge a calm blue UI into natural green accents without inventing new tokens.

Where to go next

• Forest Green: meaning, psychology, and best uses
• Ocean Breeze: full palette and accessibility notes
• Generate harmonies from any forest green hex