Muted Navy color palette — #E3E7EF · #B5B7CD · #918AA2 · #353F76 · #171F2F

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

The five colors

• Frost (#E3E7EF): bright and airy, almost weightless.
• Ash (#B5B7CD): A luminous, dusty violet — the color of a velvet chair.
• Heather (#918AA2): A luminous, dusty violet — the color of a velvet chair.
• Navy (#353F76): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#171F2F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Aged Aubergine color palette (#E1E2EB, #AAA6BB, #87798F, #411D76, #101222)
• Tempered Atelier color palette (#ECE1E9, #D4BDC4, #C09A99, #4258B0, #271B24)
• Dusty Mulberry Loft color palette (#F1ECF5, #D4C7D3, #B298A5, #7B3C5B, #322B37)
• Ancient Orchard color palette (#F2F5FD, #DFD8E1, #CBBAC6, #6F6E9D, #444751)
• Muted Lilac Garden color palette (#E8EBFF, #A975BB, #794B52, #13452C, #002F2F)
• Dusty Olive Drift color palette (#D1E8DB, #5D8932, #005331, #39214F, #00211B)
• Violet Pier color palette (#D7DDFF, #4EA6FF, #8153E1, #911148, #260A2C)
• Weathered Meadow color palette (#D8E3D4, #3741F9, #660067, #0C2D00, #170F30)

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