Muted Coast color palette — #FBF2F5 · #DADEEE · #8599C2 · #3A7A81 · #49516C

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

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Silver (#DADEEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8599C2): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#3A7A81): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#49516C): A full-bodied, dusty violet — the color of a velvet chair.

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

• Patina Cerulean Orchard color palette (#EFF7F7, #D8DBEA, #93B5D9, #3A91B4, #445468)
• Dusty Petrol color palette (#F1F3EC, #C5E1E4, #AE90B2, #37738E, #422E41)
• Aged Cypress color palette (#EAF8FB, #73C0B4, #C0878A, #2B8277, #5A445B)
• Denim Pier color palette (#FBEAF1, #70A6C8, #2C5696, #003D41, #1A124F)
• Abyss Market color palette (#F3E6EF, #539DA1, #005266, #003220, #001527)
• Muted Lagoon Basin color palette (#E7F9FF, #92D7DD, #388E94, #00585F, #023B4B)
• Dusty Driftwood Orchard color palette (#FFF0F9, #CDAEB9, #957688, #6A566A, #3D4C41)
• Washed Villa color palette (#E5F9FF, #4BA9A9, #B4757F, #986240, #2C474F)

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