Muted Azure color palette — #D4E8F5 · #009CCE · #364E6E · #20303A · #101A1E

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D4E8F5): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009CCE): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#364E6E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#20303A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#101A1E): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Iris Workshop color palette (#DEE5F3, #7E86DC, #484A68, #262D3E, #14191F)
• Azure Orchard color palette (#E2FCF1, #44AAD8, #2C4E45, #10231B, #020704)
• Sky Quarry color palette (#D5EAE0, #44B8E7, #7C6979, #3D4E46, #141A14)
• Worn Petrol Field color palette (#D5E8F4, #007CA1, #27324A, #152128, #080D12)
• Wandering Periwinkle color palette (#F0F5FF, #869EFC, #DF7561, #499A63, #2F384A)
• Weathered Harbor color palette (#F1F7F2, #C9E2FE, #3AB6D1, #238D78, #314B5D)
• Gentle Periwinkle Pier color palette (#CFEBFF, #74C2FB, #4F97FD, #5765AA, #3B4467)
• Orchid Ridge color palette (#E1E2F2, #9F58D8, #53334E, #1F1F35, #0A0D16)

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