Coastal sage is assembled from the desaturated, sun-baked color range of a Mediterranean coastline: dry sage and oregano on stony hillsides, bleached driftwood at the shore, the muted seafoam of a calm sea viewed from distance, and the pale warm gray of coastal limestone. Seafoam-pearl-faint opens at near-white with the faintest coastal coolness — the color of breaking foam against white sand. Jade-whisper-soft introduces the dry sage note — pale, muted, and sun-dried, carrying the character of wild coastal herbs. Teal-whisper-soft moves into the distant-sea tone — muted aqua, slightly cool, and deeply calming. Jade-whisper-muted deepens the sage note into a more present, full-bodied dried herb gray-green. Seafoam-shadow-soft anchors with the darkest tone — a muted seafoam-teal that carries the depth of coastal shadow in early morning.
Coastal sage suits wellness and meditation brands, Mediterranean hospitality and travel, organic skincare and clean beauty, sustainable lifestyle and home goods, yoga and mindful living, and any brand whose identity centers on unhurried summer calm. It is more desaturated and driftwood-adjacent than typical coastal palettes, which makes it feel refined and editorial rather than mass-market beach. Photography direction: Mediterranean hillside herbs in dry summer light, bleached driftwood and smooth coastal stone, distant sea views in hazy afternoon light, linen and natural fiber textures, ceramic and terracotta in warm coastal tones. Typography: a humanist sans or casual script in this palette reads as warm and approachable; a refined old-style serif reads as Mediterranean artisan heritage.
Muted seafoam, dry sage, bleached driftwood, and coastal stone tones — the palette of sun-bleached shore, Mediterranean herbs, and unhurried summer light.
Each swatch links back to its individual archive detail page.
Ready-made tokens for Coastal Sage
Copy the HEX, CSS and Tailwind on this page any time. The ZIP and dark-mode tokens count toward the free 3 exports a day (10 when signed in); Pro removes that cap on every export, including Figma tokens and Procreate swatches in the palette builder.
This collection proves the taste and color direction. Pro removes the daily export cap on every token format, so the palette can move from reference to implementation without rationing.
| Layer | What you have here | What Pro adds |
|---|---|---|
| Scope | One curated palette of 5 colors. | The same palettes, with no daily export cap anywhere on the site. |
| Output | HEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in. | No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable production assets. |