Dusty Navy color palette — #C4F0FC · #89B3C5 · #4E7D92 · #4C4477 · #372345

Navy and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C4F0FC): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#89B3C5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4E7D92): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#4C4477): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#372345): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Dusty 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

• Muted Ridge color palette (#D7F4E3, #82BFB1, #438F91, #3B5781, #232557)
• Worn Harbor color palette (#E1EEF8, #91B0D4, #6E7CA7, #704468, #581636)
• Ash Drift color palette (#E9F3FF, #C1CEE6, #9198B4, #74657D, #4B3D4C)
• Wandering Cerulean Grove color palette (#B5FCDE, #6DD5C3, #02A4AB, #576E9A, #5D3B4F)
• Antique Onyx Pier color palette (#D8F3FB, #4D829D, #37557C, #42194E, #24001F)
• Tempered Studio color palette (#D5FAFF, #00C5D7, #007A87, #003D44, #001418)
• Weathered Cobalt color palette (#E4F6F6, #B7D3EF, #4E84CC, #005C81, #081D5A)
• Indigo Study color palette (#D3E2F0, #7D9DDE, #645CB2, #6B214F, #4A001C)

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