Fove
All palettes

Cloth, leaf, clay

Linen & Moss

Warm, tactile, and quietly premium.

Natural brandsHospitality pagesEditorial commerce
Open in editor

Palette story

Linen & Moss

#F6F1E4
Color 1
#E4DCC4
Color 2
#B8C2A2
Color 3
#7E8A6A
Color 4
#B6855E
Color 5

Linen & Moss is deliberately tactile. It starts with cream and woven neutrals, moves through sage and moss, then finishes with clay. The palette has the feeling of natural materials laid out on a studio table: fabric, pressed leaves, ceramic, paper.

Because the colors are close in temperament, the design needs contrast through scale and composition rather than loud color jumps. Huge headings, calm grids, and soft gradient backgrounds make the palette feel expensive instead of sleepy.

How to use it

Use cream as the reading surface, moss as the grounding element, and clay as the human accent. In gradients, keep the movement broad and soft. Paper texture suits this palette especially well because it reinforces the material story.

Color story

This palette belongs to rooms with daylight, imperfect objects, and quiet rituals. It is not trying to be rustic. It is modern because it trusts natural restraint.

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#F6F1E4
c2#E4DCC4
c3#B8C2A2
c4#7E8A6A
Color 1 - linen-moss-1#F6F1E4
Color 2 - linen-moss-2#E4DCC4
Color 3 - linen-moss-3#B8C2A2
Color 4 - linen-moss-4#7E8A6A
Color 5 - linen-moss-5#B6855E