Navy Harbor color palette — #DEEFF5 · #146F99 · #164982 · #3B1722 · #170011

Navy takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DEEFF5): bright and airy, almost weightless.
• Peacock (#146F99): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#164982): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#3B1722): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#170011): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Petrol Loft color palette (#E1EBFF, #6264A5, #463663, #3A1421, #1B0001)
• Hushed Petrol Study color palette (#D4EBE9, #007983, #00495D, #241B4C, #0D011A)
• Cerulean Dune color palette (#BFEBEA, #3884A1, #374E77, #4D1D1E, #2F1200)
• Cerulean Loft color palette (#CBEAE1, #4899B6, #4E5B8D, #4E2F00, #0C0500)
• Weathered Cobalt color palette (#E9EEDD, #3B91CF, #004989, #00293A, #000314)
• Weathered Thicket color palette (#C8E9DD, #006191, #075A0F, #002D46, #000400)
• Powdered Archive color palette (#C5EAF9, #52A5DF, #50699A, #5E3360, #3A122D)
• Hushed Petrol Delta color palette (#E2EED5, #369485, #396499, #453C00, #231E00)

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