Weathered Navy color palette — #EFDDE4 · #557E99 · #1C337F · #001F1E · #020008

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

The five colors

• Shell Pink (#EFDDE4): A whisper-light, dusty rose — the color of strawberry cream.
• Slate (#557E99): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#1C337F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#001F1E): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Washed Hollow color palette (#E1F0E4, #5A86A5, #003B78, #002128, #03002E)
• Washed Pier color palette (#E5DAE4, #2C878A, #004256, #00210A, #000105)
• Denim Garden color palette (#F6EEE3, #6DA9D3, #0853A0, #002A33, #00000B)
• Eclipse Workshop color palette (#D6E5FC, #0064B1, #01088A, #1E0811, #000919)
• Shadow Studio color palette (#CFF4F0, #005F72, #003348, #000E2D, #02000C)
• Moonless Courtyard color palette (#D5E0EA, #00517E, #573100, #002037, #020100)
• Denim Balcony color palette (#EFE4DB, #6C9E8E, #394FA6, #003B3B, #0E0023)
• Mulberry Field color palette (#C8E7FA, #8D83C8, #934F80, #003935, #00000D)

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