Emerald Harbor color palette — #E0F1EF · #C88000 · #0E9021 · #006A88 · #000302
A conversation between Kelly Green and Mustard, giving this palette its sense of nature and growth.
The five colors
- Cream (#E0F1EF): bright and airy, almost weightless.
- Mustard (#C88000): A luminous, balanced gold — the color of old brass.
- Kelly Green (#0E9021): A full-bodied, vivid green — the color of a quiet forest floor.
- Peacock (#006A88): A full-bodied, balanced blue — the color of open sky before noon.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light.
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
- Patina Emerald color palette (#DCE3BE, #C4A600, #2E9D03, #005860, #000201)
- Moss Villa color palette (#BFE7EC, #9D9600, #008E7B, #005A91, #000303)
- Tempered Ember Lantern color palette (#D8EBE1, #EE5B03, #878500, #00615C, #010300)
- Pale Terrace color palette (#C7E8F3, #759C00, #008C84, #1139DD, #000304)
- Olive Dune color palette (#DAF0DF, #677F2C, #005332, #382900, #040700)
- Garnet Villa color palette (#EAE3D4, #6D8456, #006164, #5D1210, #290102)
- Aged Harbor color palette (#C8E9FA, #00BF5B, #0095A4, #6441D6, #000F19)
- Hushed Sapphire color palette (#C7E7EE, #97C91D, #00AD9D, #006DE5, #00171F)
Browse the whole catalog at Explore, or see today's palette.