Weathered Navy color palette — #E4EAF2 · #ACB3C3 · #888BA5 · #19427C · #030B19

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

The five colors

• Frost (#E4EAF2): bright and airy, almost weightless.
• Ash (#ACB3C3): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#888BA5): A luminous, dusty violet — the color of a velvet chair.
• Navy (#19427C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#030B19): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Tempered Navy color palette (#E5DFE5, #C6B2BE, #A1858D, #004385, #261B27)
• Muted Delta color palette (#DBE0EC, #9A9EBA, #7C769B, #2D257A, #02040C)
• Worn Ridge color palette (#EAE7F1, #D2C6DA, #B09CB1, #724168, #17141E)
• Hushed Delta color palette (#EEF6FF, #E0D6F0, #BCB6D2, #23639B, #050D17)
• Dusty Petrol Basin color palette (#EEF2F9, #DBD6E3, #C3B9C7, #6373A1, #282C34)
• Violet Pier color palette (#DBE1FB, #8B6DB5, #6B405E, #0C321E, #001712)
• Weathered Villa color palette (#D4F0E0, #6F8300, #1D5100, #002D46, #000B07)
• Worn Indigo color palette (#E0E9FF, #1FACFA, #7463FF, #882E9D, #06001D)

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