Worn Navy color palette — #EFE2E6 · #5686AA · #17367F · #002226 · #090028

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

The five colors

• Rose Water (#EFE2E6): bright and airy, almost weightless.
• Storm Blue (#5686AA): A luminous, dusty blue — the color of deep harbor water.
• Navy (#17367F): A deep, shadowed, balanced violet — the color of wild irises.
• Midnight (#002226): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#090028): A deep, shadowed, balanced 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 Worn 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

• Airy Meadow color palette (#E2F0E1, #6594C0, #2B3E99, #002F36, #17013D)
• Lagoon Workshop color palette (#EFE5EC, #438E92, #004455, #002416, #000A16)
• Patina Sapphire color palette (#F5E9DD, #6CA7D4, #3D6CD9, #005C65, #0A0028)
• Petrol Pier color palette (#F6EAF3, #8DB9CA, #007394, #00523D, #083050)
• Pale Cobalt Balcony color palette (#C9F5F1, #50A7C7, #546BBF, #003B15, #000E10)
• Moonless Market color palette (#C9E4EC, #005E5C, #730044, #002626, #120007)
• Worn Quarry color palette (#FDF1F9, #92DEDC, #008EA6, #006A3F, #004565)
• Deep Garnet color palette (#C3F1EB, #004A45, #630030, #4A0200, #000202)

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