Muted Coast color palette — #F1F3EC · #C0E6E8 · #77A1C5 · #33748A · #3F3040

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C0E6E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#77A1C5): A luminous, dusty blue — the color of open sky before noon.
• Teal (#33748A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3F3040): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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

• Aged Drift color palette (#EBF5E7, #69C7B7, #8F95DB, #198375, #3F2938)
• Tempered Ash color palette (#FBF2F6, #D9DEEF, #809BBE, #497684, #4A5267)
• Patina Bloom color palette (#EEF1E4, #74A4BD, #005E8C, #003844, #000B1A)
• Iris Lantern color palette (#E8F6EA, #4BADB2, #6B8BD4, #62844C, #1C2C1E)
• Wandering Cerulean color palette (#F2F3E4, #87E1E4, #0094A2, #00635A, #002A33)
• Powder Study color palette (#E9F6E9, #C0E5DE, #AFD2FE, #758C6B, #323E34)
• Washed Navy Veranda color palette (#ECF0E5, #4E7CA9, #00387B, #001D2C, #00000D)
• Chalky Lagoon color palette (#EBF7D4, #82C9A9, #219F7F, #0C6E60, #2A3B25)

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