Muted Cobalt color palette — #F0F5FF · #F3AEBC · #546EB4 · #304361 · #1B222E

A conversation between Slate and Ballet Pink, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Ballet Pink (#F3AEBC): A luminous, balanced red — the color of embers at dusk.
• Slate (#546EB4): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#304361): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#1B222E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Softworn Pewter Parlor color palette (#F5F3FF, #EFB4A4, #8D5E90, #443C5F, #22202A)
• Weathered Cobalt Courtyard color palette (#EEF6FE, #9DD3AF, #2977B1, #284560, #17232E)
• Hushed Sand color palette (#FEF0FC, #ECD29C, #8094C4, #536286, #2B1C28)
• Wandering Violet Parlor color palette (#F3F5FC, #C6B8FF, #BF6FAF, #856DCD, #262130)
• Worn Lantern color palette (#EFF6FF, #C9AB56, #3C507C, #1C2E4A, #1B1A27)
• Lilac Archive color palette (#F4F4FB, #DED8DF, #D0BDCF, #9D81B9, #464750)
• Chalky Plum Market color palette (#F6F3FF, #FF9E7B, #A23396, #5B1D54, #1D162B)
• Tempered Peony Alley color palette (#FFF0F9, #D898D3, #BC668F, #885626, #41394D)

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