Muted Cobalt color palette — #ECF7FF · #D5D9EC · #8DB5ED · #506EB5 · #303574

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#D5D9EC): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#8DB5ED): A luminous, balanced blue — the color of deep harbor water.
• Slate (#506EB5): A full-bodied, balanced violet — the color of wild irises.
• Navy (#303574): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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

• Wandering Cobalt color palette (#E7F9FF, #CEDBEF, #79C0D7, #0086B4, #003F62)
• Navy Loft color palette (#EAF7FF, #90C8F4, #6487B2, #475D88, #384074)
• Aged Pewter Studio color palette (#F1F5FF, #E1D7E1, #BEA6E0, #895FA3, #5C2A64)
• Dusty Pewter color palette (#FBF1FE, #BFE1FF, #8EA1CD, #916082, #314152)
• Antique Dune color palette (#EEF4FF, #A3AEFF, #7A64D7, #510094, #1B002D)
• Sky Grove color palette (#EEF6FF, #7DB3EA, #485569, #1F2C3B, #0B1014)
• Antique Orchard color palette (#F1F5FF, #DCD7E1, #BFBED3, #A08CA0, #5B4655)
• Aubergine Balcony color palette (#F3F4FF, #C4C1FF, #9779DA, #7231A0, #34003E)

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