Navy Harbor color palette — #E0FFDE · #8AF3D6 · #3BB7C7 · #3C709F · #302465

Built around Royal Purple, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Honeydew (#E0FFDE): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#8AF3D6): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#3BB7C7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#3C709F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#302465): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Gentle Teal Parlor color palette (#FDF8C0, #B5F5B2, #2AB69F, #00728A, #00325E)
• Frosted Hollow color palette (#D9FFF1, #A6F1FF, #5EA6D9, #59599B, #411651)
• Navy Orchard color palette (#CCFED9, #73C0B0, #00859A, #005681, #173987)
• Timeworn Cerulean color palette (#B9FCFA, #80E6F0, #55C0D8, #0091B8, #004664)
• Nightshade Thicket color palette (#DCFFEA, #00D4E1, #008AC2, #2E30BD, #240040)
• Lagoon Grove color palette (#CCE8D1, #009E97, #005A71, #002144, #020007)
• Ancient Summit color palette (#FFF0FD, #4BE9C5, #6596C9, #845551, #183640)
• Indigo Canyon color palette (#E0FBFF, #61C4FF, #5C69D9, #622078, #230011)

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