Dusty Navy color palette — #E1E5EB · #8A8C9B · #706484 · #00265E · #000105

Midnight and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E1E5EB): bright and airy, almost weightless.
• Slate Blue (#8A8C9B): A luminous, dusty violet — the color of wild irises.
• Slate (#706484): A full-bodied, dusty violet — the color of a velvet chair.
• Midnight (#00265E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Timeworn Aubergine Dune color palette (#E6E7F1, #908A99, #8D5C5B, #390B5C, #010105)
• Aged Navy color palette (#EAE3E9, #CBB3C0, #AD8593, #182E8C, #030003)
• Dusty Denim color palette (#E6E9F0, #CBC9D8, #AC9DB4, #4B4B90, #12161E)
• Antique Quarry color palette (#F3F0FA, #E0CCE2, #C89DB3, #90287F, #1C1726)
• Moonless Quarry color palette (#C4EDFB, #4B5386, #63123A, #001D11, #000301)
• Pewter Station color palette (#F1F1F8, #DFD5DA, #CDB7BB, #876696, #2B2B35)
• Hushed Lapis color palette (#DEE7FC, #008AAE, #4A10F0, #79003C, #030004)
• Inked Boulevard color palette (#E4F5E4, #5A5D00, #00340B, #250226, #010100)

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