Muted Cobalt color palette — #F6F1E9 · #A7D3C1 · #4080BB · #005A65 · #2F162D

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Pistachio (#A7D3C1): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4080BB): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A65): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#2F162D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

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

• Ancient Cerulean color palette (#F5F1EB, #B3D0B7, #008AA4, #005D4E, #002434)
• Aged Garden color palette (#FCF2F6, #9DCCE7, #5778B3, #006059, #323954)
• Wandering Balcony color palette (#D5E6E8, #00A6C9, #00739A, #00456F, #0C2143)
• Wandering Rust Boulevard color palette (#D4F1E6, #339BD5, #C05B00, #005B85, #311200)
• Hushed Petrol color palette (#DDF9F0, #C6D6FF, #B8A7E4, #007991, #311E31)
• Navy Bloom color palette (#E5DDD1, #407FA9, #003A76, #001E25, #00000C)
• Dusty Ash Market color palette (#F5F1EB, #C7E2E2, #73A2C9, #37767C, #40303F)
• Hushed Cerulean color palette (#F6EEE2, #2A9AA8, #005266, #002C27, #00050B)

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