Dusty Navy color palette — #F7ECDC · #668FB1 · #0E4398 · #002A35 · #02001C

A conversation between Indigo and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7ECDC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate Blue (#668FB1): A luminous, dusty blue — the color of open sky before noon.
• Indigo (#0E4398): A full-bodied, balanced violet — the color of twilight just after sunset.
• Midnight (#002A35): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#02001C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Hushed Cabin color palette (#EBE4D8, #3B98AA, #00516B, #002C29, #00050C)
• Timeworn Nightshade color palette (#EAD9DF, #6694BB, #2F2FB2, #003031, #1D0038)
• Timeworn Ultramarine Courtyard color palette (#F6ECE2, #87BDE8, #4B5EB7, #003E3E, #04000E)
• Chalky Ultramarine color palette (#D5E3D8, #7FA6C8, #1B5FCC, #004858, #0B073F)
• Tempered Cobalt color palette (#F7F1E7, #A6D8F0, #3589C6, #006168, #022253)
• Hushed Petrol Boulevard color palette (#FCF0DE, #81CACA, #008091, #005341, #001E29)
• Aubergine Workshop color palette (#EAF3E2, #446800, #6400A2, #1E3000, #05000E)
• Worn Parlor color palette (#DDEDD7, #46AB80, #008E8E, #3E3D00, #000D01)

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