Emerald Harbor color palette — #D7E8E6 · #32AD56 · #006D7E · #006428 · #000407

Built around Kelly Green, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Frost (#D7E8E6): bright and airy, almost weightless.
• Kelly Green (#32AD56): A luminous, vivid green — the color of new leaves after rain.
• Teal (#006D7E): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006428): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#000407): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

One click turns Emerald 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

• Sunlit Moss Pier color palette (#E1F2EB, #8D9D00, #007065, #4F5900, #000406)
• Linen Ultramarine color palette (#DDF1F5, #00A996, #005DBD, #006055, #00030E)
• Patina Corridor color palette (#D2E5DA, #00AB96, #007579, #00404E, #001A2B)
• Hazy Delta color palette (#D8F6DE, #00957F, #006376, #670046, #001B1A)
• Airy Sapphire Market color palette (#E0F7FB, #00C5B1, #0E6DF5, #007A6D, #000F31)
• Pale Thicket color palette (#D3F3F3, #007C4C, #5D17A9, #5D0023, #0C0700)
• Softworn Villa color palette (#EDECDD, #8DBC2A, #008AD2, #608400, #000503)
• Weathered Corridor color palette (#DDEFF6, #00848E, #441AAA, #004046, #02000D)

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