Navy Harbor color palette — #E4ECCF · #006232 · #003B93 · #4B003A · #001205

Indigo and Royal Purple set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E4ECCF): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#006232): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#003B93): A deep, shadowed, balanced blue — the color of open sky before noon.
• Royal Purple (#4B003A): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#001205): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

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

• Tempered Aubergine color palette (#E7E6D2, #415C00, #004B5D, #410053, #091000)
• Dusty Navy Workshop color palette (#D9E8E0, #005A74, #2B3494, #51001A, #001017)
• Lowlit Navy Lantern color palette (#E1ECD8, #005745, #002F58, #340014, #040900)
• Aubergine Parlor color palette (#EDF3DA, #006328, #580697, #530006, #001203)
• Aubergine Dune color palette (#CCE6F0, #005D66, #4B08A9, #42004B, #000303)
• Softworn Parlor color palette (#FADBCB, #0B7B31, #00464C, #4B0009, #001C13)
• Lapis Boulevard color palette (#D5F0DA, #007E88, #5C42C9, #6A007B, #001204)
• Feathered Basin color palette (#DCECC2, #007B52, #6A16CB, #770013, #002717)

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