Muted Cobalt color palette — #EFF6FF · #617FC2 · #935A87 · #7A4400 · #273346

A conversation between Slate Blue and Bronze, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Slate Blue (#617FC2): A luminous, balanced violet — the color of wild irises.
• Slate (#935A87): A full-bodied, balanced pink — the color of neon signs at night.
• Bronze (#7A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#273346): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Patina Mulberry Lantern color palette (#F0F6FF, #6178B5, #7A3F72, #553E00, #132E39)
• Fern Boulevard color palette (#F3F4FF, #8875B1, #A05B50, #555700, #2E3149)
• Faded Terracotta color palette (#E4FAFF, #2F928C, #7364A8, #89322F, #113941)
• Gentle Indigo Corridor color palette (#E9EEFF, #7262B1, #875400, #005328, #272041)
• Gentle Plum color palette (#FDEDF6, #7E7ACE, #B34F6A, #83381D, #25141E)
• Aged Petrol Courtyard color palette (#E5FBF2, #50A3C7, #665FA3, #4C5300, #2A3F55)
• Linen Azure color palette (#ECF7FF, #38AAE4, #AB77C2, #965872, #213544)
• Violet Studio color palette (#F3F4FF, #8555D5, #B43102, #445100, #31204F)

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