Navy Harbor color palette — #FBD7E2 · #744700 · #004E5B · #1A007E · #060002

A conversation between Deep Indigo and Bronze, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FBD7E2): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#744700): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#004E5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#1A007E): A deep, shadowed, vivid violet — the color of wild irises.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.

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

• Worn Aubergine Cabin color palette (#E2F0E5, #684E00, #004A71, #350067, #030200)
• Inked Harbor color palette (#F4D6EA, #922800, #005149, #002B4B, #060000)
• Muted Navy color palette (#D8EDDC, #6E6500, #044B0C, #140065, #030400)
• Navy Corridor color palette (#FCE1EF, #5A2600, #140083, #060046, #050100)
• Nocturne Chestnut color palette (#E7DFD3, #604A00, #004739, #001D1F, #020100)
• Bronze Studio color palette (#E8DDCE, #8C6500, #006C85, #004E65, #030100)
• Hazy Alley color palette (#D0F0E4, #4F5900, #002AB9, #46004C, #020200)
• Aged Parlor color palette (#E6DEC7, #777200, #395100, #002707, #000502)

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