Muted Coast color palette — #FCF3EF · #D1D9EE · #8DC3E2 · #5E8E73 · #4B3849

A conversation between Sky and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Powder Blue (#D1D9EE): A whisper-light, dusty violet — the color of wild irises.
• Sky (#8DC3E2): A luminous, dusty blue — the color of open sky before noon.
• Fern (#5E8E73): A luminous, dusty teal — the color of sea glass.
• Charcoal (#4B3849): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Wandering Teal color palette (#EEF7F6, #CCE0F9, #86CADA, #5BA7A5, #264D61)
• Washed Archive color palette (#FBF3EE, #D5D6E5, #6FAAEA, #09816B, #3E2436)
• Weathered Station color palette (#FAF3F8, #C9E1EA, #4E94B2, #00735A, #2B4A6A)
• Aged Ash color palette (#FFF1F4, #E3DAD2, #9DB1AF, #AC9CC7, #5C4141)
• Powdered Mallow color palette (#FFF1F4, #DE9DF7, #06C5AE, #59A194, #3B232A)
• Cerulean Coast color palette (#F2F2EC, #CBE4D0, #469BAD, #006D6A, #073523)
• Wisteria Market color palette (#F2F5FF, #DFD4FF, #C67FCA, #965D7A, #5A3135)
• Patina Basin color palette (#F2DDD8, #46B6AE, #005F71, #062E01, #000103)

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