Washed Navy color palette — #E3E9F1 · #B3BAD0 · #908FA5 · #003A77 · #000104

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

The five colors

• Frost (#E3E9F1): bright and airy, almost weightless.
• Ash (#B3BAD0): A luminous, dusty violet — the color of a velvet chair.
• Heather (#908FA5): A luminous, dusty violet — the color of a velvet chair.
• Navy (#003A77): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#000104): 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 Washed 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

• Weathered Navy Lagoon color palette (#EDE3EC, #A2959E, #866673, #002661, #0F050F)
• Denim Archive color palette (#E2EBF6, #A39DAC, #988097, #0064B4, #030A13)
• Aubergine Harbor color palette (#EEEDF6, #D8C9E5, #B39EB2, #6F2A7C, #030208)
• Mulberry Station color palette (#DFECFA, #8A7AB3, #763A63, #062D12, #000401)
• Tempered Cobalt color palette (#F1F5FD, #DED8E2, #D0BACC, #6971A9, #191E29)
• Raspberry Thicket color palette (#F6F3FF, #E7D6DE, #BDAC9B, #AC5BA3, #272035)
• Antique Alley color palette (#D9EADC, #7A8200, #114900, #1B143A, #010100)
• Feathered Indigo Boulevard color palette (#D3DFFF, #00ACE8, #6E5EFF, #8E0068, #020006)

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