Muted Coast color palette — #E2F1F5 · #3C9292 · #2F3D4A · #082228 · #060E0E

A conversation between Cerulean and Midnight, giving this palette its sense of sophistication.

The five colors

• Frost (#E2F1F5): bright and airy, almost weightless.
• Cerulean (#3C9292): A luminous, balanced teal — the color of sea glass.
• Charcoal (#2F3D4A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#082228): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#060E0E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Muted Summit color palette (#EBF5EB, #3EAFAD, #425F56, #303C2F, #21231C)
• Aged Cobalt Bloom color palette (#DEEBFB, #4D74B6, #2E2E47, #081629, #01070C)
• Antique Lagoon Pier color palette (#F8EFF4, #B5C9B9, #618E7E, #3D6970, #263529)
• Bronze Drift color palette (#E9F3FF, #7B9ED2, #BB7B68, #AE5F48, #1B2838)
• Obsidian Denim color palette (#DDF2FF, #005E7A, #2A272D, #11153B, #00060B)
• Washed Villa color palette (#CCF6FB, #7CBEBD, #3898B7, #2F6498, #283450)
• Hushed Lagoon color palette (#F6F0F3, #D7D1E5, #849EBF, #277A6E, #2F354B)
• Petrol Delta color palette (#E5F5FE, #88BCD0, #C68F5E, #007E9D, #452633)

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