Muted Cobalt color palette — #AFEDEC · #53BDD5 · #2E7CB1 · #324F8D · #2B254B

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

The five colors

• Sea Foam (#AFEDEC): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#53BDD5): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#2E7CB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#324F8D): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#2B254B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Teal Station color palette (#BFEECF, #4ABBB2, #008093, #005A7C, #182F4D)
• Cobalt Atelier color palette (#BFEDFF, #76B3E9, #6270B7, #574280, #402341)
• Denim Harbor color palette (#CFF0FF, #6DB8D8, #007DB5, #005BA9, #3A4870)
• Cobalt Garden color palette (#EAF3FF, #9AB7F3, #5572B2, #2A4079, #051439)
• Feathered Periwinkle color palette (#E8F3FF, #6FA8E6, #BA7E43, #3067A0, #3C1F00)
• Ancient Ultramarine Market color palette (#D5EEF6, #008FD5, #283EF2, #320095, #2C0043)
• Tempered Veranda color palette (#E9F3FF, #D9D4E3, #DAB1C8, #3D8C8E, #28364B)
• Onyx Grove color palette (#CEF1F1, #006383, #003D75, #0E004F, #060013)

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