Emerald Harbor color palette — #E2E1D2 · #A1B14E · #599B43 · #006A39 · #004239
A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.
The five colors
- Bone (#E2E1D2): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A1B14E): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#599B43): A luminous, balanced green — the color of fresh herbs.
- Pine (#006A39): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004239): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Olive Ridge color palette (#E4F1D2, #82AA64, #36860D, #005C1C, #004620)
- Sunlit Moss color palette (#F6E4D0, #C6A33B, #8E8D00, #4E7000, #22451C)
- Aged Jade Bloom color palette (#E1EBD7, #59C086, #009673, #006763, #00434C)
- Powdered Moss Lantern color palette (#EAECDD, #699900, #007A43, #00503B, #002823)
- Chalky Moss Lagoon color palette (#FFF7C3, #BBD470, #4D9F00, #00734A, #00362B)
- Lagoon Lagoon color palette (#DDFFE8, #8AD2A3, #26966B, #005B3C, #002B1A)
- Pine Lagoon color palette (#EEF1DB, #7ABB72, #C576B3, #3B8533, #4F2246)
- Dusty Powder Hollow color palette (#F3F8E1, #AAEFE1, #8BD3F1, #878D53, #3E413A)
Browse the whole catalog at Explore, or see today's palette.