Muted Cobalt color palette — #ECF7FD · #7CBAC9 · #3671B0 · #006B7E · #172534

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

The five colors

• Ivory (#ECF7FD): bright and airy, almost weightless.
• Ash (#7CBAC9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3671B0): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006B7E): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#172534): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, 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

• Tempered Pier color palette (#EEF7F8, #82BDA5, #007E86, #007153, #13272E)
• Hushed Cobalt Alley color palette (#F1F6FB, #9EC5E8, #7279AA, #0072B8, #272D3D)
• Ancient Violet Hollow color palette (#EAF4F6, #50C9C5, #8460B1, #007472, #0C0C1B)
• Worn Mulberry Lagoon color palette (#FEF0FF, #769ACA, #5D63A2, #7B2D57, #2D3E57)
• Muted Petrol Loft color palette (#F0F6FA, #D7D9E0, #BCBDCB, #2C7E9F, #3E4A51)
• Misty Iris color palette (#F1F7F0, #6CD9D4, #9379E7, #00938F, #301D27)
• Washed Nightshade color palette (#E9F6FF, #84ABD1, #4C77B9, #3344A7, #392E86)
• Nightshade Orchard color palette (#E1EEF8, #007397, #250095, #002B3B, #01000F)

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