Muted Cobalt color palette — #DDF2F8 · #50BCF0 · #3A8DDB · #4A5BA6 · #392F5B

Azure takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DDF2F8): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#50BCF0): A luminous, balanced blue — the color of deep harbor water.
• Azure (#3A8DDB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#4A5BA6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#392F5B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Wandering Cornflower color palette (#DDF8FF, #8ED5FF, #2C8EFF, #4052A8, #332D52)
• Iris Lagoon color palette (#D4EFFF, #8CC1FB, #728ADA, #7863A8, #563D65)
• Linen Boulevard color palette (#C7E6FB, #589CD4, #1769BF, #0743AD, #283A68)
• Feathered Lantern color palette (#D2E3E0, #00C4D2, #0097B3, #006A9C, #1C3460)
• Washed Navy Study color palette (#F1F5FF, #99B4FF, #6B81D4, #3C4A99, #10184F)
• Pale Sapphire color palette (#FEE6F9, #89A5EF, #DA8635, #4463C0, #512A00)
• Misty Ultramarine color palette (#CBE7F1, #008ED8, #2350CD, #40229F, #250149)
• Violet Workshop color palette (#DDE4F4, #A5A3FF, #9067C7, #7B4386, #522948)

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