Weathered Navy color palette — #EBE4EB · #AF9FA7 · #9F7B80 · #004583 · #0F0510

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

The five colors

• Blush (#EBE4EB): bright and airy, almost weightless.
• Taupe (#AF9FA7): A luminous, dusty rose — the color of a warm blush.
• Mocha (#9F7B80): A luminous, dusty red — the color of embers at dusk.
• Navy (#004583): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0F0510): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Softworn Field color palette (#E6DDE0, #B39FA0, #A07D72, #522D81, #11050A)
• Softworn Abyss color palette (#DEE9E0, #99A9A4, #997C8E, #004F56, #030C05)
• Ancient Corridor color palette (#F5ECF4, #B49A9C, #A67E7B, #2C5EB8, #100510)
• Navy Parlor color palette (#E0E9F3, #B5BACC, #958CAD, #003C72, #000104)
• Dusty Navy color palette (#DFE5ED, #949AA7, #6B6E8B, #00226B, #020916)
• Ancient Parlor color palette (#E9DAE0, #D0BFC0, #B79E97, #6C4AA3, #2B1921)
• Cobalt Cabin color palette (#DEEFF9, #796CAE, #743650, #143C15, #001201)
• Hushed Cobalt Ridge color palette (#FCF2F7, #E5D6D1, #CBBBAE, #7C77B6, #42373D)

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