Emerald Harbor color palette — #EBFAEC · #D2D4A2 · #6A9955 · #386F66 · #122E23
A conversation between Moss and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EBFAEC): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#D2D4A2): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#6A9955): A luminous, balanced green — the color of new leaves after rain.
- Teal (#386F66): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#122E23): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Dusty Lagoon color palette (#E8FAF5, #A5E0BD, #269E91, #426881, #0E2D2D)
- Emerald Terrace color palette (#CCE9DD, #60A05C, #005C45, #00313B, #000200)
- Muted Moss Basin color palette (#E9FAEC, #D7E092, #4AAB30, #68629D, #0F362A)
- Tempered Jade color palette (#FBF5E1, #BFD395, #86AE67, #83857D, #36362F)
- Taupe Garden color palette (#FAF5E9, #97A16B, #506C40, #265544, #37362F)
- Misty Pine Boulevard color palette (#EBFAF0, #ADC67D, #288C49, #58447D, #001E17)
- Pine Pier color palette (#EAFAEF, #97AD50, #007427, #004545, #000A06)
- Hushed Studio color palette (#FBF2F5, #D9D4DE, #77A3FF, #007D89, #2C294C)
Browse the whole catalog at Explore, or see today's palette.