Muted Coast color palette — #FFF1F5 · #A9BFAB · #997580 · #765161 · #3D4C41
A conversation between Graphite and Mocha, giving this palette its sense of sophistication and grounding.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Stone (#A9BFAB): A luminous, dusty green — the color of fresh herbs.
- Mocha (#997580): A luminous, dusty rose — the color of a warm blush.
- Graphite (#765161): A full-bodied, dusty rose — the color of strawberry cream.
- Charcoal (#3D4C41): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: 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
- Cocoa Archive color palette (#FFF1F5, #90B190, #8E6A46, #6F4729, #314234)
- Cypress Canyon color palette (#ECF9F2, #A0C1B2, #678977, #476652, #384D46)
- Antique Lantern color palette (#FDF3E9, #D7C9B0, #B39676, #976754, #564700)
- Tempered Garnet color palette (#F3F4FF, #D1B5E6, #94729C, #7A4C74, #6E305A)
- Washed Pier color palette (#F2F5FC, #B0C0E5, #8D6FA3, #61689F, #2D2C38)
- Wandering Cocoa Meadow color palette (#F9E0EE, #B3889D, #865640, #6B3022, #452433)
- Washed Iris color palette (#EFF6FF, #6D90CD, #A06D88, #346B5F, #323E4E)
- Softworn Study color palette (#E9DAE1, #986B40, #6B3400, #451800, #221200)
Browse the whole catalog at Explore, or see today's palette.