Worn Navy Harbor color palette — #F1E7ED · #577E94 · #003C70 · #002019 · #01000A

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

The five colors

• Blush (#F1E7ED): a clean, paper-quiet neutral.
• Slate (#577E94): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003C70): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#002019): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn Navy Harbor 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

• Muted Hollow color palette (#F1E1EA, #5693AE, #004498, #002C26, #040019)
• Indigo Grove color palette (#F3E5EA, #9DB6D0, #5762B3, #004B4E, #1F0634)
• Dusty Forest Chapel color palette (#F6EFF6, #AACEDA, #3986A5, #00602E, #072040)
• Weathered Aubergine color palette (#EADFF6, #A6746F, #7C5E00, #431274, #080001)
• Shadow Mulberry color palette (#F5DAE1, #9B385F, #500022, #1E1B0B, #150004)
• Aubergine Terrace color palette (#F0ECFF, #6D2F93, #4D0042, #270011, #040000)
• Lowlit Chestnut color palette (#F6D4E4, #6A4C00, #441E00, #240003, #010100)
• Twilit Mulberry color palette (#EAE2EE, #88134D, #004827, #3E001F, #000201)

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