Navy Harbor color palette — #F7E1F6 · #004CAC · #230539 · #091519 · #00020C

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

The five colors

• Blush (#F7E1F6): A whisper-light, dusty pink — the color of a candy shop window.
• Indigo (#004CAC): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Indigo (#230539): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#091519): quiet, heavy and certain.
• Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged noir, dark, luxury, 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

• Obsidian Ultramarine Archive color palette (#ECDDE7, #3D26D3, #2A032F, #050C11, #010013)
• Smoked Pier color palette (#CCEFE2, #005884, #190942, #07171A, #000306)
• Deep Studio color palette (#D7E7FE, #002E8A, #16121B, #090025, #000208)
• Misty Corridor color palette (#F2E7DF, #54ADD8, #215FC9, #004B44, #150836)
• Sapphire Loft color palette (#DFEAFF, #0B58F0, #272C5D, #210F0D, #120111)
• Sapphire Meadow color palette (#E9D8E5, #3F62FF, #4E1E60, #0F1836, #000A05)
• Lapis Harbor color palette (#DEE1F5, #5344E4, #006F23, #005248, #050026)
• Aged Archive color palette (#E8E3CB, #3C985C, #006059, #003A64, #001506)

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