Navy Harbor color palette — #E2F4F3 · #21749A · #423B7A · #321F00 · #0D0600

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

The five colors

• Cream (#E2F4F3): a clean, paper-quiet neutral.
• Slate (#21749A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#423B7A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#321F00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0D0600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns 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

• Timeworn Aubergine color palette (#D2E4EC, #596F99, #5E3264, #172600, #000F09)
• Cypress Corridor color palette (#D9F5D9, #007B78, #00486E, #3C0E04, #1E0200)
• Onyx Thicket color palette (#E0E6FF, #736C97, #58376C, #540019, #390200)
• Aged Denim Balcony color palette (#CCE8DD, #4D90A3, #415E95, #513000, #142100)
• Weathered Lagoon Study color palette (#F0DED5, #299B9F, #005265, #002D1C, #00050C)
• Worn Denim Balcony color palette (#CBE4F7, #6A96D1, #535DA0, #4D1D41, #21000D)
• Lowlit Onyx Drift color palette (#C5E7F1, #00638D, #003882, #0F005F, #07001F)
• Timeworn Basalt Workshop color palette (#D9F5E5, #A889A4, #7A5A82, #3D430D, #00261E)

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