Muted Cobalt color palette — #EDF4EC · #9BCEF7 · #6576BD · #005B5C · #1C1C3B

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

The five colors

• Cream (#EDF4EC): bright and airy, almost weightless.
• Sky (#9BCEF7): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6576BD): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005B5C): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#1C1C3B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Hushed Cerulean color palette (#F7EFF6, #86D8DA, #2887A9, #1F5D33, #08213C)
• Worn Denim Lagoon color palette (#EAF8F8, #B1C8DE, #537AAD, #005A7E, #283B58)
• Patina Sapphire color palette (#FFECF4, #70C8EE, #006CE1, #005348, #190848)
• Weathered Periwinkle color palette (#FCF4E8, #DAD5DF, #82A6E7, #2F7990, #272B4D)
• Hushed Orchid Market color palette (#E3E2F9, #B85FE4, #246E25, #005746, #131026)
• Antique Cerulean Balcony color palette (#E7DAE2, #0099B8, #004C7F, #002D22, #02001C)
• Weathered Petrol color palette (#EFF1FF, #FBD1CE, #DFAA8A, #5476A5, #241D31)
• Tempered Iris Coast color palette (#E0E9F7, #7982FE, #7E46A4, #5A225B, #350C1C)

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