Weathered Navy color palette — #DFEEEE · #567D9D · #003B73 · #001D2A · #000108

Navy takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DFEEEE): a clean, paper-quiet neutral.
• Slate (#567D9D): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003B73): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001D2A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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 Orchard color palette (#F1E1D1, #4C86B4, #193383, #002226, #0A0126)
• Worn Cabin color palette (#D1E4E1, #0D8891, #00444D, #001F1D, #000202)
• Wandering Denim Study color palette (#E5EBDB, #5498D0, #0057A6, #00384E, #000526)
• Petrol Villa color palette (#E1ECEA, #71C2CD, #00788C, #004B4A, #001922)
• Feathered Ultramarine Archive color palette (#F9E9EE, #79A8CE, #1D44C0, #002B30, #010009)
• Timeworn Corridor color palette (#E5E0FD, #B278A1, #AC3871, #471664, #030009)
• Muted Cerulean color palette (#E6F6F2, #9EDDDD, #00949F, #006358, #002B32)
• Fern Meadow color palette (#DFF1E6, #5A5400, #322900, #140D00, #010100)

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