Emerald Harbor color palette — #E7F0E3 · #399B38 · #007729 · #004725 · #002B1A
A conversation between Kelly Green and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#E7F0E3): a clean, paper-quiet neutral.
- Kelly Green (#399B38): A luminous, vivid green — the color of fresh herbs.
- Olive (#007729): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004725): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Forest (#002B1A): 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
- Pale Moss Workshop color palette (#DAE9D1, #2EAB0F, #00762E, #004420, #001209)
- Hazy Olive color palette (#E6E8D3, #678C00, #005E29, #003323, #001B23)
- Lagoon Parlor color palette (#DBEEE5, #009D7E, #007165, #004D49, #002828)
- Antique Workshop color palette (#EDE9C5, #918F00, #5E6700, #374600, #162700)
- Emerald Bloom color palette (#E7ECD9, #0BA052, #B15900, #006430, #2D1200)
- Pine Parlor color palette (#E2ECD7, #75CFBF, #00B6BB, #00753C, #003028)
- Frosted Boulevard color palette (#E9F0C9, #92CB9F, #42AA75, #00805C, #004F41)
- Linen Pine color palette (#E1E6D4, #008C48, #00758D, #6F5400, #001707)
Browse the whole catalog at Explore, or see today's palette.