Dusty Navy Coast color palette — #DEE5F2 · #B3B8C9 · #878CA8 · #353F75 · #181F2D

A conversation between Navy and Slate Blue, giving this palette its sense of creativity and sophistication.

The five colors

• Frost (#DEE5F2): bright and airy, almost weightless.
• Ash (#B3B8C9): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#878CA8): A luminous, dusty violet — the color of a velvet chair.
• Navy (#353F75): A deep, shadowed, balanced violet — the color of wild irises.
• Midnight (#181F2D): 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 Dusty Navy Coast 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

• Aubergine Canyon color palette (#E6E9F5, #A6A7BD, #7F7A9E, #401F74, #11131E)
• Muted Denim Meadow color palette (#EDE2EB, #CFBFC7, #BA9BA5, #465BA2, #271B25)
• Patina Harbor color palette (#F2EBF7, #D3C7D7, #AD99AE, #7A3D5B, #322A38)
• Patina Cornflower Grove color palette (#DDE3EA, #C5BCCC, #BC9DB5, #3A77F5, #132032)
• Pewter Dune color palette (#F2F5FD, #DDD8E2, #C4BCC8, #6E6F9D, #444751)
• Cocoa Cabin color palette (#F1E6FF, #956C97, #6E425C, #5F2D10, #42222F)
• Amethyst Courtyard color palette (#E1E6F7, #859CFF, #764DFD, #6B318F, #180436)
• Olive Harbor color palette (#D8F6ED, #478D2D, #00541E, #00363A, #00201C)

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