Navy Harbor color palette — #E7DDD3 · #4A98C7 · #00429F · #002F32 · #100A36

Built around Indigo, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Bone (#E7DDD3): bright and airy, almost weightless.
• Cerulean (#4A98C7): A luminous, balanced blue — the color of open sky before noon.
• Indigo (#00429F): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Forest (#002F32): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#100A36): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Softworn Archive color palette (#F1E3DC, #2AA0B3, #00506F, #003127, #00132F)
• Petrol Lantern color palette (#EAF0DF, #5FAADC, #0069B1, #00475C, #001231)
• Weathered Cobalt Atelier color palette (#DFEDE2, #75B8E6, #4585D0, #006A7C, #050742)
• Softworn Forest Chapel color palette (#FFF2EB, #70C9C3, #007C8D, #005A2E, #00384F)
• Weathered Archive color palette (#FDF3ED, #99D9F0, #0086D0, #006760, #2E3E65)
• Patina Station color palette (#EDDBC5, #815400, #005567, #3F2700, #001218)
• Turquoise Courtyard color palette (#FAF3F0, #C8ECE3, #60A4BB, #4A7A65, #345149)
• Hushed Terrace color palette (#EFDED3, #753B00, #004760, #2C0089, #100400)

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