Weathered Coast color palette — #FAF4EC · #D8E3BF · #97A576 · #477F93 · #3B3831

Sage and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#D8E3BF): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#97A576): A luminous, dusty green — the color of new leaves after rain.
• Slate (#477F93): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3B3831): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Weathered Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Basalt Loft color palette (#F7F5ED, #CCE3CB, #77AC8F, #637F61, #393C00)
• Stone Meadow color palette (#EAFAED, #B8B274, #6C7A4D, #3F5E70, #32483D)
• Fern Villa color palette (#F7F5EE, #C2DFD5, #A9B48D, #987A98, #494A00)
• Wandering Pewter color palette (#FEF3E4, #D9D2A0, #849153, #6C578E, #332600)
• Indigo Basin color palette (#F5F7E6, #ABE9C5, #00AA90, #5D61B0, #003821)
• Chalky Teal Thicket color palette (#FFF1F5, #D0A8EA, #D59E55, #00A7A3, #401F2A)
• Antique Drift color palette (#F2F1D8, #4D8A57, #004833, #081349, #000200)
• Fern Field color palette (#E9E0CE, #8C9451, #315A00, #002F45, #010100)

Browse the whole catalog at Explore, or see today's palette.