Emerald Harbor color palette — #D2E6D2 · #00A565 · #006951 · #003D39 · #002122

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

The five colors

• Celadon Mist (#D2E6D2): A whisper-light, dusty green — the color of new leaves after rain.
• Kelly Green (#00A565): A luminous, balanced teal — the color of glacier melt.
• Pine (#006951): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003D39): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#002122): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged 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

• Lagoon Ridge color palette (#C0EDE4, #009C97, #006D76, #00424E, #001B29)
• Timeworn Delta color palette (#E7EEDF, #00A649, #007B5C, #004C51, #142F49)
• Weathered Summit color palette (#EBEFD4, #6C9400, #276D00, #004720, #001C11)
• Muted Veranda color palette (#DFFFA1, #41D756, #00977D, #006163, #002F38)
• Gentle Plum Basin color palette (#C8E7EC, #009C89, #CE0068, #00594E, #300013)
• Fern Dune color palette (#CDF4E1, #829752, #615F00, #443400, #041700)
• Pale Azure color palette (#D8F9FF, #84DBEF, #1AACF8, #00764E, #002527)
• Hazy Drift color palette (#D7EFEC, #00837B, #8C00D3, #754500, #001210)

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