Emerald Harbor color palette — #D7E6D0 · #009C4A · #007059 · #004B45 · #000304
Kelly Green and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D7E6D0): A whisper-light, dusty green — the color of fresh herbs.
- Kelly Green (#009C4A): A luminous, vivid teal — the color of glacier melt.
- Pine (#007059): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004B45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000304): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. 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
- Faded Emerald Parlor color palette (#D3E8D7, #00932D, #006861, #5B0074, #000502)
- Wandering Terrace color palette (#CDE9DA, #009486, #006C72, #004254, #000206)
- Olive Orchard color palette (#EDEADA, #798A00, #2C7200, #00492B, #000403)
- Softworn Olive color palette (#EFE8D6, #4C7F00, #00523C, #00262B, #000408)
- Lime Station color palette (#C7F0EF, #8DB600, #00A86D, #008590, #000503)
- Olive Harbor color palette (#DFE8E6, #8EA6B1, #718DA1, #287700, #000C0A)
- Garnet Delta color palette (#DCE9DE, #269688, #007692, #662C60, #2B0611)
- Teal Market color palette (#C3EDE2, #00BAB6, #008EA7, #00597C, #001936)
Browse the whole catalog at Explore, or see today's palette.