color palettesForest floor
Earthy
Deep greens grounded by a warm golden detail.
Mood / A considered starting point
Earthy color palettes.
Clay, olive, sand and stone can support photography and long-form content without flattening the hierarchy.
The collection
Original sRGB combinations. Each detail page includes website roles, CSS and measured pairs.
Ochre & olive
Earthy
Golden-hour color with an olive undertone.
Moss stone
Earthy
Moss and stone in a grounded rhythm.
Clay eucalyptus
Earthy
Fired clay alongside dusty eucalyptus.
Pine fog
Earthy
Pine needles softened by a gray mist.
Desert agave
Earthy
Dry sand with a cool agave edge.
Walnut canvas
Earthy
Walnut depth on unbleached canvas.
Lichen lake
Earthy
A lake-colored anchor with lichen detail.
Sienna field
Earthy
Sienna warmth and a harvested green.
Cork ink
Earthy
Cork paper with quiet gray-green notes.
Fern copper
Earthy
Fern structure warmed by copper.
Olive linen
Earthy
Linen texture translated into quiet color.
Canyon sage
Earthy
Canyon clay against a restrained sage.
Cacao leaf
Earthy
Cacao brown with a bright young leaf.
River silt
Earthy
A cool river palette with a silt accent.
Ochre slate
Earthy
Warm ochre and cool architectural slate.
Olive fig
Earthy
An olive base with a muted fig note.
Tidal reed
Earthy
Marsh green with dry reed highlights.
Acorn dusk
Earthy
Acorn browns with a cool dusk detail.
Earthen sky
Earthy
Soft earth below a pale open sky.
Juniper gold
Earthy
Evergreen depth with a gentle gold.
Rattan lagoon
Earthy
Natural rattan with a watery accent.
Rust meadow
Earthy
Rust-colored action, meadow-colored calm.
Basalt sand
Earthy
Basalt structure and pale sand detail.
Make the colors work
More than a set of swatches.
Keep the neutrals distinct
Walnut Canvas and Clay Eucalyptus use related warm surfaces but still reserve a much darker text role. Do not make every part of the interface a similar mid-tone brown. A clear page, supporting surface and reading color give the material-inspired accents room to work.
Let content decide the warmth
A warm palette beside cool architectural photography produces a different result from the same palette beside food imagery. Compare representative images at realistic sizes. Color names here are descriptive; they are not calibrated samples of wood, clay or stone.
Test the accent as an action
A copper highlight may be effective in a large illustration yet insufficient as a small link. Use the contrast table and preserve the visual distinction between a decorative accent and an interactive control.