Weathered Navy color palette — #E1E5EB · #B7BAC6 · #958CAB · #003A77 · #000104
Navy and Heather set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E1E5EB): bright and airy, almost weightless.
- Ash (#B7BAC6): soft and architectural.
- Heather (#958CAB): A luminous, dusty violet — the color of twilight just after sunset.
- 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 Weathered 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
- Aubergine Pier color palette (#E0E1EB, #BDB8C4, #A188A0, #520088, #010106)
- Weathered Thicket color palette (#E9E1E9, #A6949D, #84686C, #002A56, #100511)
- Muted Studio color palette (#EDE7ED, #B49A9C, #A37F7C, #285CC1, #0F050F)
- Cerulean Coast color palette (#D8F6F9, #5886A8, #554972, #002F1F, #000102)
- Timeworn Study color palette (#F4F5FB, #E3D5E0, #C8B3C8, #6D47A5, #090A1D)
- Aubergine Workshop color palette (#C6E8E3, #006E88, #3F007A, #011100, #000104)
- Timeworn Iris color palette (#F3F5FB, #E2D8E1, #CEC3BD, #877DCE, #292D3E)
- Deep Veranda color palette (#C8E5F7, #005D79, #50003A, #241F25, #000A06)
Browse the whole catalog at Explore, or see today's palette.