Muted Coast color palette — #ECF9F0 · #8DBBA8 · #667B52 · #685828 · #274B3D

Coffee and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Sage (#8DBBA8): A luminous, dusty teal — the color of sea glass.
• Walnut (#667B52): A full-bodied, dusty green — the color of fresh herbs.
• Coffee (#685828): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#274B3D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Muted 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

• Cypress Studio color palette (#ECF8F5, #8ABAB6, #3C836A, #724D5D, #2A4947)
• Fern Coast color palette (#EBF9F1, #79A697, #486F38, #005943, #323A12)
• Softworn Quarry color palette (#FAF4EA, #D5DAAB, #9BB681, #9E8E6F, #4F4100)
• Tempered Emerald Garden color palette (#FCF4EB, #CFC49F, #65A064, #94672C, #504100)
• Linen Lagoon color palette (#E2FBFD, #61B19A, #C16890, #007760, #632E46)
• Weathered Courtyard color palette (#E0FBFF, #1E9D8B, #856BB3, #9A5500, #153F45)
• Spruce Thicket color palette (#D5E7DD, #62733B, #0C4402, #272300, #0C1200)
• Muted Bloom color palette (#F0F7F2, #C5E1F4, #618FB6, #007078, #324967)

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