Emerald Harbor color palette — #EBF4E3 · #00A546 · #007246 · #004C3C · #00221F

Kelly Green and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EBF4E3): A whisper-light, dusty green — the color of new leaves after rain.
• Kelly Green (#00A546): A luminous, vivid green — the color of a quiet forest floor.
• Pine (#007246): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004C3C): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Faded Moss Studio color palette (#EEEFDD, #62AB00, #00915D, #00625B, #002025)
• Pale Moss Hollow color palette (#F6EFCC, #888D00, #4E7500, #1E5100, #00290F)
• Teal Atelier color palette (#E0F5F0, #00B4A2, #007866, #003A31, #000F0C)
• Lagoon Field color palette (#D1E8E3, #009C97, #006D79, #004555, #002436)
• Hushed Hollow color palette (#E2EBD8, #009E74, #BE338C, #006247, #350024)
• Softworn Turquoise color palette (#E9F4E2, #80CCCA, #16AFDE, #327437, #002723)
• Muted Chestnut color palette (#F4E8D1, #909052, #735F00, #533700, #111900)
• Weathered Teal color palette (#C7EFC9, #7FCB9B, #2FAC8B, #007C73, #314D31)

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