Emerald Harbor color palette — #F0F9E2 · #FFBDA0 · #00A870 · #1F6B4B · #171D0C

Kelly Green takes the lead with Pine close behind in a set that reads as optimism and balance at first glance.

The five colors

• Cream (#F0F9E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Cantaloupe (#FFBDA0): A whisper-light, balanced orange — the color of autumn markets.
• Kelly Green (#00A870): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#1F6B4B): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#171D0C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance. Tagged luxury, dark.

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

• Weathered Lantern color palette (#EAFAEB, #FFBBB6, #00A1A8, #00696E, #0D1F10)
• Patina Moss color palette (#F8F6E6, #FFC180, #809B00, #526503, #1E1B09)
• Weathered Apricot color palette (#D8E1D2, #FF997B, #008D74, #005645, #060E02)
• Aged Azure color palette (#ECF8F4, #FFD1CE, #6BA5D0, #4B776A, #212F2A)
• Feathered Studio color palette (#F4F8E4, #FFD26F, #287F36, #093912, #070800)
• Faded Pine Corridor color palette (#E5FBF8, #E0B451, #007F26, #004812, #081F1D)
• Teal Atelier color palette (#F2F7EE, #CDDEDC, #C5BDAC, #1EBE9E, #394431)
• Cobalt Station color palette (#CEEDE1, #FF9DB5, #0088C2, #00547A, #00140D)

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