Emerald Harbor color palette — #E8F9F7 · #539D4F · #44619F · #72312D · #4B2A02

Built around Kelly Green, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#E8F9F7): bright and airy, almost weightless.
• Kelly Green (#539D4F): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#44619F): A full-bodied, balanced violet — the color of twilight just after sunset.
• Rust (#72312D): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4B2A02): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Hushed Study color palette (#E7F9FC, #009E91, #77508F, #713417, #472D00)
• Hushed Canyon color palette (#E7FBF0, #968B00, #006C93, #5E385F, #4C2333)
• Misty Emerald Chapel color palette (#E1F7F5, #4FA266, #874D7D, #66283E, #380D14)
• Weathered Taupe Lantern color palette (#F9F5E8, #AEA951, #6A7EB6, #8B4A1F, #562B0F)
• Mulberry Garden color palette (#E8F8FF, #008E9C, #9B007D, #5B3600, #2B2E01)
• Airy Aubergine Lagoon color palette (#C7F1F5, #008169, #6B00A2, #5C1700, #3C1900)
• Tempered Cerulean color palette (#CEFFF8, #89BEC9, #6E8EAD, #715D6D, #5F444A)
• Muted Stone Harbor color palette (#ECF8F4, #8ABE98, #398274, #3B6358, #304846)

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