Weathered Navy color palette — #D0E6E5 · #4B7DA9 · #003A76 · #001D2B · #00000A

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

The five colors

• Silver (#D0E6E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#4B7DA9): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003A76): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001D2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#00000A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Lagoon Cabin color palette (#D9EDEA, #008893, #00434E, #001F1E, #000202)
• Muted Denim color palette (#DCECEB, #60A6C8, #005E8C, #003844, #000B1A)
• Muted Meadow color palette (#DCEEEA, #59C5D5, #00788E, #004B4B, #001923)
• Weathered Alley color palette (#E5F6F2, #83E2E5, #0094A1, #00635A, #002A33)
• Velvet Chestnut color palette (#E1F0E2, #664E00, #392600, #180B00, #020100)
• Shadow Balcony color palette (#ECD8F2, #8E0040, #1A05B0, #3F0018, #00000B)
• Timeworn Ember color palette (#FFE2DE, #D9603D, #995728, #640B26, #050000)
• Inked Orchard color palette (#EEDAD8, #74000D, #3D2F00, #3A0046, #050000)

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