Weathered Navy color palette — #E6EEE7 · #6684A0 · #033684 · #00212A · #05002C

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

The five colors

• Cream (#E6EEE7): bright and airy, almost weightless.
• Storm Blue (#6684A0): A luminous, dusty blue — the color of deep harbor water.
• Navy (#033684): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#00212A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#05002C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Hushed Nightshade Bloom color palette (#F6E7EC, #557D9F, #272493, #001F20, #020007)
• Washed Corridor color palette (#E3ECE4, #5C879A, #004359, #002220, #000A16)
• Antique Violet Lagoon color palette (#E5F0FF, #878DC5, #8D53B3, #003147, #04052C)
• Denim Summit color palette (#D9F6FE, #006481, #003552, #001735, #0C0021)
• Ultramarine Pier color palette (#EFE3D8, #6098C5, #3740C9, #003B3C, #0F0022)
• Eclipse Navy color palette (#E4EEFF, #3668B5, #090087, #01002B, #050005)
• Dusty Denim color palette (#E5EFE7, #6BA8C4, #005C91, #003D42, #001C4B)
• Tempered Balcony color palette (#F0E5D5, #6FA6D5, #2F6FD9, #005A6E, #050327)

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