Emerald Harbor color palette — #E8E6C5 · #629452 · #00746F · #3E2600 · #020200

A conversation between Olive Leaf and Teal, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#E8E6C5): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#629452): A luminous, balanced green — the color of fresh herbs.
• Teal (#00746F): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#3E2600): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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

• Wandering Orchard color palette (#FFECD7, #979101, #007847, #4D1400, #030200)
• Lagoon Chapel color palette (#E0EFE4, #009A8C, #007196, #303500, #000302)
• Washed Lagoon color palette (#DBECE4, #90B377, #2A9F7E, #554300, #091300)
• Deep Forest Field color palette (#DCE0D2, #006A31, #002A51, #00260D, #030004)
• Fern Lagoon color palette (#E7E2D5, #475B00, #302A00, #170C00, #010100)
• Tempered Aqua Parlor color palette (#F4F5D5, #A7F9DB, #68C7DC, #736D40, #1F240A)
• Dusty Periwinkle Boulevard color palette (#C3FFF1, #84E5FF, #73ACFF, #357631, #002021)
• Timeworn Turquoise Garden color palette (#EFEED0, #95D9B3, #47B4BD, #645519, #171A00)

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