Muted Cobalt Pier color palette — #ECEEF5 · #D3D7E8 · #B2B4D7 · #6868AF · #2A2E37

Slate and Mauve set the tone — five colors that lean into creativity and sophistication.

The five colors

• Cream (#ECEEF5): bright and airy, almost weightless.
• Silver (#D3D7E8): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#B2B4D7): A luminous, dusty violet — the color of wild irises.
• Slate (#6868AF): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#2A2E37): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Muted Cobalt Pier 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

• Washed Grape color palette (#E1E2E9, #C3C1D7, #A69FC1, #714A9D, #1D1D2F)
• Dusty Iris color palette (#F6EBF2, #DFCECD, #CBB2AC, #818BD6, #372933)
• Antique Raspberry color palette (#F7F3FF, #E4D8F0, #E6AABD, #B6419F, #362E42)
• Hazy Driftwood color palette (#FCE5FE, #CB96B6, #B5637C, #7C4F1B, #1E3D24)
• Hushed Archive color palette (#F1F2FF, #B6BAFF, #B990FF, #BE46C9, #331A44)
• Soft Byzantium Boulevard color palette (#F2D3E9, #AA75DF, #A12DA2, #7D2600, #231F3C)
• Patina Byzantium color palette (#E4E5F2, #9241D0, #432549, #141329, #03040B)
• Pine Lantern color palette (#D4EAE6, #82B38C, #008758, #006072, #00302E)

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