Navy Harbor color palette — #D7F1F1 · #00B5D2 · #007FB8 · #004E90 · #1A0073

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

The five colors

• Frost (#D7F1F1): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00B5D2): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007FB8): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004E90): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#1A0073): A deep, shadowed, vivid violet — the color of a velvet chair.

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

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 Navy color palette (#A6F0FF, #2FBFF5, #3185C3, #385297, #2C1A73)
• Soft Cobalt color palette (#E0F8FF, #4DC1EE, #007DB6, #004173, #00103A)
• Aubergine Harbor color palette (#C8F2E9, #009BA6, #006388, #00317B, #27005E)
• Ancient Ultramarine Orchard color palette (#D0F2E9, #49C7D3, #009CCE, #0556DE, #2D0069)
• Muted Harbor color palette (#DAF5FF, #0095D9, #005AC4, #25218F, #1B0039)
• Dusty Coast color palette (#D7EFE2, #00BAA8, #008895, #00556C, #00273E)
• Indigo Garden color palette (#DBF2FF, #44ADFF, #4C6EDC, #463693, #33004E)
• Worn Atelier color palette (#C3EACA, #00A4BB, #246BB1, #7C2528, #002837)

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