Emerald Harbor color palette — #ECF1E2 · #00AA68 · #0388CD · #4758AA · #232A11
Kelly Green takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#ECF1E2): A whisper-light, dusty green — the color of new leaves after rain.
- Kelly Green (#00AA68): A luminous, balanced teal — the color of sea glass.
- Cerulean (#0388CD): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#4758AA): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#232A11): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, 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
- Antique Jade color palette (#F5F7E6, #6EB268, #2B9DBF, #4270AD, #33342D)
- Jade Balcony color palette (#F0F4E4, #31B062, #008285, #005486, #2C234D)
- Moss Bloom color palette (#E7E8C0, #559C00, #00869C, #894100, #102600)
- Indigo Field color palette (#CAE7D2, #0090A4, #7656D0, #7C2683, #022110)
- Pine Courtyard color palette (#F5EFD9, #8FAF59, #2C8D43, #005F74, #31312A)
- Airy Amber Field color palette (#FFF3E4, #CF9000, #5D8BCB, #2E60A1, #201200)
- Emerald Basin color palette (#F9ECDE, #C87B00, #209851, #007066, #34220E)
- Iris Drift color palette (#E1F5E2, #D8A145, #4CACD5, #8174C9, #182C19)
Browse the whole catalog at Explore, or see today's palette.