Emerald Harbor color palette — #D6FCF5 · #379100 · #005A55 · #00283D · #020100
A conversation between Olive Leaf and Peacock, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D6FCF5): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#379100): A full-bodied, vivid green — the color of new leaves after rain.
- Peacock (#005A55): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#00283D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#020100): 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
- Muted Quarry color palette (#E1F9ED, #857D00, #005D31, #002B2E, #040100)
- Smoked Pine color palette (#E1F3F1, #007C35, #004549, #250F00, #010100)
- Chalky Grove color palette (#D9FAFE, #008E78, #005570, #1D006F, #010200)
- Jade Alley color palette (#E3F3E6, #00AF6C, #007455, #003A2D, #00110D)
- Aged Courtyard color palette (#E6FBEF, #A4A860, #566900, #453C00, #000A05)
- Charred Station color palette (#EFE1C8, #6C5500, #003C4F, #370017, #0D0001)
- Airy Nightshade color palette (#DCFCFF, #00B48F, #007791, #1B11B6, #101500)
- Feathered Mulberry Summit color palette (#D6EDDF, #A68F00, #008480, #860084, #161100)
Browse the whole catalog at Explore, or see today's palette.