Weathered Navy color palette — #EDF1E6 · #5C85A6 · #003D71 · #00202E · #000720

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

The five colors

• Cream (#EDF1E6): bright and airy, almost weightless.
• Storm Blue (#5C85A6): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#003D71): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#00202E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000720): A deep, shadowed, dusty violet — the color of wild irises.

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

• Ancient Navy color palette (#F3E6D9, #527D9F, #082B95, #001F22, #010009)
• Wandering Courtyard color palette (#E4E5D5, #528C8B, #00454A, #00231E, #000C0F)
• Faded Navy Garden color palette (#E7EAE0, #7393B3, #004499, #002C42, #020645)
• Denim Bloom color palette (#F8EBF8, #8A96C6, #6A57A4, #00365C, #02082A)
• Cobalt Workshop color palette (#DDF2F1, #67A7D9, #2A77C1, #005976, #000720)
• Denim Courtyard color palette (#E6E9DD, #82A996, #005F85, #003C47, #002138)
• Inked Navy color palette (#D9E4F8, #3163BA, #001C7F, #000527, #00010A)
• Charred Abyss Coast color palette (#C3E9DD, #005686, #004D15, #00233A, #000901)

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