Muted Coast color palette — #F0F7F4 · #A4D8FF · #C582B3 · #4D94C4 · #372A2B

A conversation between Dusty Rose and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Powder Blue (#A4D8FF): A whisper-light, dusty blue — the color of open sky before noon.
• Dusty Rose (#C582B3): A luminous, balanced pink — the color of peonies in June.
• Cerulean (#4D94C4): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#372A2B): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Lilac Loft color palette (#F2F7F1, #9EE0DA, #A68DCF, #3E9D98, #37292F)
• Tempered Pier color palette (#EFF6FD, #D8D9E4, #CD9ACE, #6A9ED7, #1F1C29)
• Coral Harbor color palette (#FAF3F7, #CCCCFB, #DE7B6D, #8684C1, #332C29)
• Washed Powder Quarry color palette (#F0F6FE, #9EC1FF, #8473A5, #566D97, #2C2D38)
• Ancient Ash color palette (#F5F7E8, #A1C0EE, #A881B7, #507B51, #54414D)
• Lilac Basin color palette (#D8FFF4, #C2CDFF, #A48FD1, #8F5C88, #672F47)
• Tempered Ridge color palette (#EAF9F3, #69B4DF, #C96D64, #4F723C, #26352F)
• Washed Ash color palette (#F9F3F8, #E1D8D7, #C1B4A5, #8A9AC5, #585056)

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