Emerald Harbor color palette — #DEF1E7 · #5B9452 · #006150 · #541D55 · #021500

Olive Leaf takes the lead with Royal Purple close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DEF1E7): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#5B9452): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#006150): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#541D55): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#021500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Antique Courtyard color palette (#DEEADD, #878930, #026516, #3B2C62, #00140C)
• Tempered Jade color palette (#E0F3EC, #4EA776, #006F6C, #63324E, #002020)
• Onyx Cabin color palette (#E8E2C4, #659E66, #005B47, #411448, #000200)
• Sunlit Pine color palette (#EAE8D7, #287F2D, #00432B, #3C0B2C, #001501)
• Dusty Veranda color palette (#DBE9E0, #8CB36E, #008663, #66496B, #00312A)
• Hazy Pine Alley color palette (#D5F3EB, #6EA969, #2C834C, #834206, #011501)
• Antique Courtyard color palette (#D8E3D7, #A26A00, #006E9C, #5F3D00, #00111D)
• Washed Amber color palette (#F1E4D3, #B38300, #6F5100, #332200, #030100)

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