Muted Navy color palette — #E1E6EE · #B5B8C8 · #9189A8 · #2F3F7D · #181F2C

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

The five colors

• Frost (#E1E6EE): bright and airy, almost weightless.
• Ash (#B5B8C8): A luminous, dusty violet — the color of a velvet chair.
• Heather (#9189A8): A luminous, dusty violet — the color of a velvet chair.
• Navy (#2F3F7D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#181F2C): 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

• Worn Field color palette (#DEE2F1, #AAA5C0, #867991, #3C2372, #11131E)
• Denim Alley color palette (#ECE6EB, #D3BDC5, #B79E9D, #435BA4, #271B25)
• Dusty Lagoon color palette (#F0EDF4, #D6C6D6, #B298A6, #7D3A5F, #322A38)
• Wandering Pewter color palette (#F2F5FD, #DFD8E2, #CBBAC6, #667396, #444751)
• Aged Spruce color palette (#DBDEEE, #9E77A4, #744753, #204323, #01300A)
• Worn Canyon color palette (#D7EBDF, #618832, #00532E, #352647, #00211B)
• Violet Terrace color palette (#E1E5FA, #5BA9FF, #8B62F9, #8C1756, #210031)
• Airy Ultramarine color palette (#D6E4D3, #2158DA, #620070, #022D04, #140E36)

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