Navy Harbor color palette — #F6D7DD · #0065B2 · #1E1C81 · #1E0013 · #000106

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

The five colors

• Shell Pink (#F6D7DD): A whisper-light, dusty red — the color of late-summer berries.
• Cobalt (#0065B2): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#1E1C81): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#1E0013): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged retro, dark.

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 Study color palette (#DAF2E0, #006D90, #00325E, #1A001E, #000103)
• Inked Drift color palette (#CDE0F7, #0052A4, #3F0062, #160007, #000102)
• Lapis Courtyard color palette (#FFE5E6, #3C48E3, #3C007F, #200009, #01000A)
• Moonless Boulevard color palette (#F1E2CB, #004C71, #1D006A, #170500, #000104)
• Smoked Studio color palette (#DDE4F1, #002F92, #3F333A, #120A15, #01000A)
• Ancient Studio color palette (#D0E6FF, #00A9E9, #0383ED, #3A45B4, #000108)
• Muted Ultramarine color palette (#F7ECD6, #0082BE, #4A45B9, #602800, #00030D)
• Hushed Turquoise Delta color palette (#DDEEED, #4FAEDB, #005A88, #002A34, #000104)

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