Curated color palette

Green Color Palette

A balanced green palette with pale surfaces, fresh mids, a forest accent, and a deep green neutral.

Green meaning is context-dependent; do not use color alone to communicate success or status.

Palette colors

Background Mist #EAF7EE

Soft accent Mint #B7E4C7

Secondary accent Leaf #52B788

Primary accent Forest #2D6A4F

Text / dark surface Deep Green #12372A

Each swatch chooses black or white label text using the higher WCAG contrast ratio for that single solid color. Final component contrast still depends on your actual text size and context.

Suggested use

A practical base for nature, sustainability, finance, wellness, and status-oriented interfaces without relying on a single saturated green.

Surface Green Color Palette Example action

CSS variables

:root {
  --palette-1: #EAF7EE;
  --palette-2: #B7E4C7;
  --palette-3: #52B788;
  --palette-4: #2D6A4F;
  --palette-5: #12372A;
}

Contrast snapshot

Mist #EAF7EE Best of black/white: 19.04:1

Mint #B7E4C7 Best of black/white: 14.94:1

Leaf #52B788 Best of black/white: 8.49:1

Forest #2D6A4F Best of black/white: 6.39:1

Deep Green #12372A Best of black/white: 13.08:1

This is a quick black/white text comparison, not a full accessibility audit. Use the Contrast Checker for the exact foreground/background pair you plan to ship.

More Green palette directions

Botanical

Natural muted greens with a warm light surface.

#F3F7EE#C7D9B7#7FA66A#4D7C4A#234E2F

Fresh UI

Cleaner saturated greens for digital status and action roles.

#ECFDF5#A7F3D0#10B981#059669#065F46

Olive earth

Warmer, quieter greens that work with natural neutrals.

#F7F5E8#D6D3A8#8A8F4A#626A36#3F4725

Related palettes

Blue Color Palette

A blue palette moving from a near-white cool surface through a saturated action blue to a deep navy.

Calm Violet UI Palette

A restrained violet interface palette with neutral surfaces, a soft supporting violet, and a strong primary action color.

Dark Color Palette

A dark neutral palette for interfaces with near-black navy, charcoal, slate, and muted blue-gray values.

Pastel Color Palette

A soft five-color pastel palette with pink, peach, green, blue, and lavender tones.