Emerald Harbor color palette — #D1E8D8 · #C29E00 · #399C35 · #00706F · #381200

Kelly Green takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D1E8D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#C29E00): A luminous, balanced green — the color of a quiet forest floor.
• Kelly Green (#399C35): A luminous, vivid green — the color of fresh herbs.
• Teal (#00706F): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#381200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Patina Mustard Studio color palette (#E5F7EC, #CAB200, #60A668, #00807F, #4A1B05)
• Softworn Moss Pier color palette (#CAEADF, #92B100, #009B7B, #006D86, #2D1B00)
• Weathered Amber color palette (#F9D7E2, #E28B00, #7F8E00, #007355, #42010C)
• Dusty Garnet Courtyard color palette (#CAE7D7, #9F9200, #159059, #8B0630, #1D0D00)
• Amber Archive color palette (#D6E7DB, #A88800, #345D4B, #1D3626, #020602)
• Feathered Grove color palette (#E4E1C8, #AEAC00, #859300, #5F7A00, #223806)
• Linen Amber color palette (#FFF3E4, #C08400, #007654, #00386D, #1E0015)
• Patina Emerald Study color palette (#D2E4E0, #429800, #00746A, #004A66, #0C0600)

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