Navy Harbor color palette — #D5E9E6 · #007685 · #003F5D · #001765 · #0F0039

Deep Indigo and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D5E9E6): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007685): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003F5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#001765): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#0F0039): A deep, shadowed, balanced 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 Cypress color palette (#CFEAD6, #007D71, #00484F, #002533, #0D0929)
• Quiet Lantern color palette (#DDF0F4, #008CAE, #005B82, #00335F, #00133A)
• Cellar Cobalt Balcony color palette (#E4EEFF, #0079CC, #002D78, #000E2D, #000111)
• Lowlit Navy color palette (#D4F4FF, #005A8D, #080092, #1B0037, #100008)
• Raspberry Workshop color palette (#D4E5F1, #8E9DF8, #BB4489, #004E46, #081337)
• Nightshade Hollow color palette (#D7F4FF, #0071B8, #1C00C5, #270064, #1F0029)
• Frosted Ultramarine color palette (#E5F1FF, #005ABE, #7B3300, #002A5F, #1F0800)
• Washed Denim Atelier color palette (#DDF3FE, #005472, #503E00, #263006, #000910)

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