Emerald Harbor color palette — #F2EACC · #A9C68B · #589349 · #326946 · #343730
A conversation between Olive Leaf and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F2EACC): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#A9C68B): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#589349): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#326946): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#343730): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Moss Chapel color palette (#FFEFD5, #C4B373, #928E24, #505C20, #383831)
- Aged Wisteria Thicket color palette (#F0F4E4, #8CC393, #C481BD, #45814F, #43282C)
- Tempered Stone color palette (#DDFFE7, #AAC271, #61965D, #3A735C, #32535B)
- Hushed Hollow color palette (#EAF7DB, #6CC2AC, #009C92, #006D72, #253E2E)
- Antique Lagoon Terrace color palette (#EBF7DD, #9DD4B5, #399572, #005639, #182405)
- Hushed Lantern color palette (#EFF4E7, #B3DFE0, #D4C5D1, #798D64, #2F4400)
- Clover Pier color palette (#DEF3D6, #00B955, #007E53, #005544, #002F2B)
- Cypress Summit color palette (#CFE7DE, #008375, #004E4E, #00292E, #000A10)
Browse the whole catalog at Explore, or see today's palette.