Weathered Navy color palette — #D8ECEC · #5F8FB6 · #00498A · #00293A · #000315

Navy and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D8ECEC): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#5F8FB6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Navy (#00498A): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#00293A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000315): 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

• Navy Ridge color palette (#F8EDE3, #5C95C2, #1C3FA0, #002F34, #14063A)
• Aged Cerulean Workshop color palette (#DEF3EF, #0A9CA5, #00535E, #002C29, #000508)
• Amethyst Chapel color palette (#E5EFFF, #7F8EEC, #804DDD, #003D6B, #030127)
• Ultramarine Alley color palette (#EAEFE0, #55A9EC, #0065BF, #004660, #000E3B)
• Gentle Cobalt Drift color palette (#E9F5F4, #93DBFC, #008DC8, #006070, #002743)
• Washed Aqua Alley color palette (#E1F7F2, #59D0CF, #008189, #005348, #001E24)
• Softworn Atelier color palette (#FBE8EF, #8DBDE3, #2856E0, #003D44, #030011)
• Deep Sapphire Market color palette (#DAE3F6, #1A61DB, #002E90, #000239, #00000B)

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