Muted Navy color palette — #ECE0E8 · #C4ABB9 · #9F8590 · #343D78 · #12060F

Navy takes the lead with Heather close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Rose Water (#ECE0E8): a clean, paper-quiet neutral.
• Rosewood Mist (#C4ABB9): A luminous, dusty pink — the color of neon signs at night.
• Heather (#9F8590): A luminous, dusty rose — the color of strawberry cream.
• Navy (#343D78): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#12060F): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Muted Navy 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 Alley color palette (#E6ECF7, #B5B8C6, #8C8BA3, #2B3C88, #171F2E)
• Patina Aubergine Ridge color palette (#EEE2E7, #B795A0, #947179, #401977, #0C0105)
• Muted Parlor color palette (#DEEBE5, #9DBBB0, #77958D, #004B61, #030D08)
• Mulberry Lantern color palette (#F4E5E4, #DBC6C2, #B89C95, #76415A, #211110)
• Wandering Ultramarine color palette (#EDE6EC, #D3BEC6, #BB9C9D, #315BB4, #291828)
• Driftwood Boulevard color palette (#F9EFF1, #DFD4D0, #B2ABA2, #A07580, #3C3335)
• Tempered Pier color palette (#ECE1FC, #9967A6, #703860, #4C2514, #231000)
• Tempered Ridge color palette (#F6D3E5, #798BFF, #7E53FB, #7E25AA, #060013)

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