Hushed Navy color palette — #DDE3EB · #9399AB · #6B6E8D · #00226B · #020917

Built around Navy, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Frost (#DDE3EB): bright and airy, almost weightless.
• Blue Fog (#9399AB): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#6B6E8D): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#00226B): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#020917): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Tempered Petrol Delta color palette (#E3EBEF, #8C9CA9, #577392, #00313A, #000B12)
• Washed Aubergine color palette (#DEDEE6, #9B97A8, #796985, #40005F, #080717)
• Navy Lantern color palette (#EDE5ED, #B39EA8, #A07B80, #004484, #100511)
• Weathered Orchard color palette (#DDDEE5, #BAB6C7, #9686A6, #552E77, #1D1D2E)
• Pewter Workshop color palette (#F3F5FB, #E0D5E2, #B6AFC5, #675A8F, #373A47)
• Antique Grape Ridge color palette (#DDE6FF, #007FD3, #6700F6, #5E006A, #09001B)
• Pewter Pier color palette (#DBDEFB, #74518F, #562243, #271F00, #00130F)
• Lowlit Nightshade Corridor color palette (#E6DFD0, #2330B9, #360052, #150B00, #030016)

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