Fove
All palettes

Foliage, archive, shade

Forest Index

Botanical, intelligent, and steady.

Sustainability reportsBotanical brandsResearch interfaces
Open in editor

Palette story

Forest Index

#0F2A1D
Color 1
#1F4A30
Color 2
#3F7A4F
Color 3
#7DA774
Color 4
#B7CFA0
Color 5
#E8EBD1
Color 6

Forest Index is not a single green. It is a scale, moving from deep understory to leafy mid tones and pale botanical paper. That makes it much more flexible than a typical eco palette. It can feel natural, but also archival, academic, and precise.

The darker greens should be used for grounding. The middle greens carry the botanical character. The pale tones make the system usable for content-heavy pages and reports. In gradients, the palette works best when several greens repeat across the canvas instead of forming one simple dark-to-light slope.

How to use it

Use Forest Index for pages that need trust without corporate blue. Let the deep green frame the page and use the lighter tones as a reading field. In slides, it is especially strong for diagrams, research narratives, and nature-adjacent brands.

Color story

The palette feels like a herbarium drawer: preserved leaves, paper labels, shaded glass, and careful observation. It brings nature into design without relying on obvious outdoors imagery.

Live gradients

Put the palette to work.

Remix this palette

Hero background

A full-bleed field with enough motion for a landing page and enough restraint for text.

Split layout

Use the gradient as one half of the composition, then let white space carry the copy.

Feature pillars

Repeat the palette across cards so the page feels like one system, not separate moments.

Design system utility

Ramps, variables, and production handoff.

Use the editorial page for direction, then take the palette into product work with OKLCH ramps and CSS variables.

OKLCH ramps included
c1#0F2A1D
c2#1F4A30
c3#3F7A4F
c4#7DA774
Color 1 - forest-index-1#0F2A1D
Color 2 - forest-index-2#1F4A30
Color 3 - forest-index-3#3F7A4F
Color 4 - forest-index-4#7DA774
Color 5 - forest-index-5#B7CFA0
Color 6 - forest-index-6#E8EBD1