Muted Coast color palette — #FCF2F7 · #A5C1A3 · #A47458 · #6D546A · #3C4C42

Built around Mocha, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Sage (#A5C1A3): A luminous, dusty green — the color of fresh herbs.
• Mocha (#A47458): A luminous, dusty gold — the color of honey in a jar.
• Graphite (#6D546A): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#3C4C42): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Weathered Driftwood Station color palette (#EDF9F1, #9CC2B5, #8A8150, #4C654B, #364D4A)
• Timeworn Summit color palette (#FFF0F8, #C599A7, #996349, #714342, #314236)
• Taupe Lagoon color palette (#FFF0F7, #E7BDCD, #BA9278, #846C7A, #404C3E)
• Patina Bronze color palette (#FFEEE1, #D4B597, #AC7445, #80481D, #332A20)
• Timeworn Atelier color palette (#FFF0FA, #E3B68A, #957D30, #516017, #265027)
• Tempered Bronze color palette (#DEF7DC, #B19C4D, #905D00, #733512, #343910)
• Patina Amber color palette (#FDF1F9, #C67961, #378D93, #1C6B70, #463841)
• Antique Olive color palette (#D4ECE0, #61832A, #4C4700, #372400, #001B19)

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