Muted Coast color palette — #FAF4EE · #BCE7D9 · #6C89C5 · #006F7A · #5A3D4E

A conversation between Slate Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Celadon Mist (#BCE7D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6C89C5): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#006F7A): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5A3D4E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, 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

• Weathered Cerulean color palette (#F4F7EE, #BCF2E1, #82A8D3, #45839F, #544053)
• Weathered Cypress color palette (#FAF3F0, #CBE4CE, #4296B2, #037453, #295046)
• Cornflower Station color palette (#FEF3E9, #A4D5F6, #397BE5, #00666B, #393A65)
• Dusty Study color palette (#EAF4F4, #C1E0FE, #6891BE, #276681, #1D2D42)
• Amber Pier color palette (#FFF3E7, #C17314, #0084BD, #5B62A3, #3C3732)
• Timeworn Studio color palette (#FFF3E8, #CB915F, #5C89D4, #935309, #2D4266)
• Timeworn Lagoon Loft color palette (#F6EAE5, #3EA19E, #005361, #00321A, #001624)
• Tempered Basin color palette (#FFF2EC, #5DCAD5, #00799B, #005841, #00355C)

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