color palettesSage porcelain
Soft
Soft sage with a porcelain pink detail.
Color / A considered starting point
Sage green color palettes.
Sage can be the quiet backdrop, the darker action color, or a small accent. Those choices lead to quite different websites.
The collection
Original sRGB combinations. Each detail page includes website roles, CSS and measured pairs.
Silver sage
Minimal
Silver-white space with a sage detail.
Canyon sage
Earthy
Canyon clay against a restrained sage.
Clay eucalyptus
Earthy
Fired clay alongside dusty eucalyptus.
Moss stone
Earthy
Moss and stone in a grounded rhythm.
Mint notebook
Soft
Fresh mint with a paper-colored detail.
Make the colors work
More than a set of swatches.
Choose where the sage belongs
Sage Porcelain puts green into the action and reading hierarchy, with pink as a supporting detail. Canyon Sage reverses that emphasis: clay carries the interaction and sage supports route summaries. Choose the role before choosing the exact shade. A green accent alone will not make every element of a website feel green.
Keep the softness in the surfaces
For a restrained result, use the pale green on cards and retain a dark neutral for paragraphs. A muted medium green can look clear as a large swatch while failing as a small text link. The measured example below checks that actual pairing. Underline links and give selected controls another cue besides green.
Compare warmth, not just names
Put the palette beside the photographs and illustrations that will appear on the page. Warm cream and cool porcelain produce different relationships with the same foliage image. These are original digital combinations, not paint or product color specifications.