Navy Harbor color palette — #D3E8DF · #575E00 · #00356B · #38000B · #0D0001

Navy and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D3E8DF): A whisper-light, dusty teal — the color of sea glass.
• Olive (#575E00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00356B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#38000B): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#0D0001): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Depth, Luxury. Tagged dark, muted.

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

• Smoked Onyx Station color palette (#DAECDE, #6F5400, #003E46, #32002C, #0D0001)
• Eclipse Nightshade Quarry color palette (#C7E7E0, #2E6800, #27009E, #390003, #0D0000)
• Antique Studio color palette (#D3E9E6, #006A28, #003F42, #001F40, #141300)
• Gentle Olive Courtyard color palette (#EAE8D5, #638100, #005398, #600037, #280014)
• Midnight Courtyard color palette (#CFEAE8, #005227, #1C1F25, #001211, #000202)
• Weathered Basalt color palette (#ECECDA, #648B6D, #005C69, #541920, #290101)
• Worn Olive Alley color palette (#D6E4DB, #668433, #005228, #312900, #000A07)
• Worn Drift color palette (#CDE4EA, #007B76, #69008F, #372300, #0E0B00)

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