Emerald Harbor color palette — #E0E4CE · #47A36E · #005C42 · #00313E · #000201

A conversation between Fern and Pine, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E0E4CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#47A36E): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#00313E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000201): quiet, heavy and certain.

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

• Worn Pine color palette (#D3EAE7, #307C52, #00432F, #002732, #001408)
• Olive Courtyard color palette (#DCF3E7, #47762E, #00412A, #2E0543, #010400)
• Worn Pier color palette (#EDE0BF, #8D9448, #425600, #54090C, #010100)
• Muted Pine Cabin color palette (#F7F7E3, #81B17E, #00733B, #5D2D00, #000B00)
• Petrol Chapel color palette (#EDF0E3, #7BC2DC, #007098, #003D45, #000307)
• Aubergine Delta color palette (#ECE5D0, #81A469, #008555, #6A3C90, #071300)
• Washed Mint color palette (#F0FBD7, #54E0AE, #00937B, #006083, #002519)
• Weathered Market color palette (#FCF5DD, #B3C28F, #5C8430, #744135, #151B00)

Browse the whole catalog at Explore, or see today's palette.