Muted Azure color palette — #F5F1EB · #C2E7E8 · #69A2D2 · #31777E · #412F41

Cornflower and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C2E7E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#69A2D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#31777E): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#412F41): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Azure 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 Ash Summit color palette (#FBF2F7, #D8DFF0, #829BBF, #437881, #4C5265)
• Denim Basin color palette (#F4EEE5, #58A8C6, #005E8C, #00393C, #000A1E)
• Washed Petrol Alley color palette (#EEE8DF, #72C2CA, #00778F, #004C41, #001925)
• Washed Moss Canyon color palette (#FFEDEA, #CD8398, #84974B, #4F7EA0, #36211E)
• Nightshade Loft color palette (#E9E3D9, #628EB7, #0039B1, #002A36, #03001C)
• Softworn Cerulean Boulevard color palette (#F9F1E3, #98DFDB, #0094A2, #00654A, #002A36)
• Weathered Teal Station color palette (#FAF4EF, #C3DFED, #C4BDF0, #52A297, #5B4652)
• Weathered Teal Studio color palette (#FDEEEC, #E29BB7, #4DB09E, #9B5A75, #273620)

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