Muted Loft color palette — #F3ECF2 · #8DB9C8 · #007297 · #00532A · #042B60

Navy takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F3ECF2): bright and airy, almost weightless.
• Ash (#8DB9C8): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#00532A): A deep, shadowed, balanced teal — the color of glacier melt.
• Navy (#042B60): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Loft 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

• Softworn Sapphire Pier color palette (#F8EAF1, #90B7D3, #3763BD, #00504B, #2F2552)
• Dusty Cabin color palette (#EFE8DE, #73C2C8, #00788D, #004D3F, #001925)
• Hushed Cerulean Parlor color palette (#E9F1EA, #84D4D9, #0096B0, #006E5C, #003346)
• Cobalt Alley color palette (#FFF0F8, #ACD4EF, #4F80C6, #00685C, #3D3475)
• Washed Lilac color palette (#E2F7FF, #A9CCEA, #A383CF, #007346, #00334A)
• Ancient Cerulean color palette (#C0F0FF, #00A3BC, #005D73, #00313A, #001821)
• Pale Brick Delta color palette (#CAE3EC, #009099, #C12322, #005359, #530104)
• Dusty Cabin color palette (#F9F3F8, #D4E1F3, #6FA0C0, #2A805C, #45536B)

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