Muted Coast color palette — #FBF3EE · #BFE7D3 · #638DBF · #346E62 · #573F4E

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Celadon Mist (#BFE7D3): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#638DBF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#346E62): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#573F4E): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Cobalt Delta color palette (#FFF2EA, #94DAF2, #3E83C4, #006954, #363A69)
• Petrol Chapel color palette (#EBF4F3, #C3E1F5, #5D95B6, #126979, #162E43)
• Cerulean Pier color palette (#F4F6EE, #BDE6E6, #7AACCA, #28889A, #295046)
• Patina Teal color palette (#F0F8E9, #3FB793, #BA6E8F, #00785B, #5C3634)
• Weathered Meadow color palette (#F3E4DD, #298FA0, #004163, #002417, #020229)
• Washed Teal color palette (#FBF2F7, #D5DFF6, #9AC2EB, #29ADA8, #364768)
• Spruce Loft color palette (#FBE9E4, #4FB0AF, #006179, #004210, #00203F)
• Softworn Pier color palette (#E5FFD7, #46CFC9, #008777, #00504D, #003937)

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