Navy Harbor color palette — #EAE8D7 · #00A173 · #007870 · #004395 · #000F0A

Indigo takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#EAE8D7): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#00A173): A luminous, balanced teal — the color of sea glass.
• Teal (#007870): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#004395): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#000F0A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Balance. Tagged retro, 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

• Faded Study color palette (#DCE2C6, #00A534, #007B5C, #004D73, #001005)
• Aged Boulevard color palette (#E4F0E1, #009C9C, #00748A, #47358C, #000E10)
• Chalky Pine Meadow color palette (#F0DCD3, #00893D, #00555E, #520034, #000F0A)
• Timeworn Turquoise color palette (#C8E9E3, #00ADB7, #318094, #505179, #210E35)
• Washed Cerulean Thicket color palette (#E0E3CC, #5FC0CF, #0092AD, #006D6D, #001720)
• Patina Sapphire Boulevard color palette (#D3F1B3, #00CEAA, #00A2A4, #4262CB, #00312B)
• Feathered Mint color palette (#E0F6ED, #00D978, #00BD90, #009899, #000D0A)
• Fern Meadow color palette (#FFE2DA, #485F00, #003639, #2D000B, #000201)

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