Dusty Navy color palette — #D8E1ED · #989EB8 · #7C7890 · #16326C · #00040F

Navy and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Frost (#D8E1ED): bright and airy, almost weightless.
• Blue Fog (#989EB8): A luminous, dusty violet — the color of wild irises.
• Slate (#7C7890): A full-bodied, dusty violet — the color of wild irises.
• Navy (#16326C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#00040F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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 Aubergine color palette (#DFDFEB, #A59AB7, #89738D, #4C156A, #04030B)
• Patina Navy color palette (#EAE3EA, #B5A4AB, #937779, #01307E, #1E0C1D)
• Navy Archive color palette (#F5EAF2, #E4C6D8, #C099AC, #38458E, #050104)
• Tempered Veranda color palette (#E9E8F1, #CFC8D7, #AF9DB0, #6F3E7D, #161420)
• Timeworn Pewter color palette (#F4F0F8, #E3D4D8, #C9B8B9, #806B8F, #2E2A31)
• Timeworn Denim color palette (#DDE9FF, #6D549D, #632A43, #002B15, #000A0A)
• Patina Amethyst color palette (#E0E7FB, #008FC3, #7825F3, #910061, #04000C)
• Cellar Olive Corridor color palette (#D4E4D8, #5E7100, #004312, #221143, #000402)

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