Skip to main content
ColorRow

All palettes / Green

Green Color Palettes with HEX Codes

Choose whether green expresses the brand, foliage or a functional status. Keep those meanings separate, especially in finance and medical interfaces.

Loading palettes…
Browse filters Browse by color, mood, style, or theme. Pick a tag to see matching palettes.
Finding palettes...

Loading the collection…

Finding palettes for this category.

Adding more palettes...

Adding the next 30 matching palettes.

How to build with green palettes

Use green deliberately when it supports the content or identity, but avoid turning every positive action, environmental message, and decorative element into the same hue. A palette needs hierarchy even when it stays within one family.

Terracotta Tide

#264653#2A9D8F#E76F51#F4A261#E9C46A

Let the gold carry a generous background area. Use deep teal for reading text, keep turquoise for navigation, and limit the two orange tones to packaging details or illustrations.

Ink on Canvas: 6.03:1. Other pairs need their own check.

Community Signal

#073B4C#118AB2#EF476F#06D6A0#FFD166

Give yellow and mint separate sections instead of alternating them behind every paragraph. The dark blue anchors labels; use the pink for one repeated callout.

Ink on Canvas: 8.38:1. Other pairs need their own check.

Organic Field

#2F5D3A#6B4F2A#8FAE5D#D9C99B#F2E8C6

Use oat as a broad label background and deep green for the identity. Brown works for small illustrations; avoid giving every green shade the same visual weight.

Ink on Canvas: 6.24:1. Other pairs need their own check.

Assign colors to real roles

RolePractical direction
AnchorDeep green or neutral for structure and high-contrast text contexts.
PrimaryA middle green for actions or brand emphasis.
Soft surfacePale green for selected/positive surfaces when text remains readable.
HighlightBright lime or mint for small emphasis rather than long-form content.

Good use cases

  • Nature, food, sustainability, or wellness brands that need more than a single “eco green.”
  • Positive-state UI surfaces paired with explicit icons and labels.
  • Ordered data scales where increasing lightness or chroma carries a meaningful progression.