Jade Harbor color palette — #DDF2EA · #58A671 · #004A70 · #001D2F · #000302
Built around Jade, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DDF2EA): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#58A671): A luminous, balanced teal — the color of sea glass.
- Navy (#004A70): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001D2F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Jade 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
- Aged Moss Archive color palette (#DAE8D6, #819F3C, #00514A, #00201D, #000400)
- Navy Study color palette (#F8E5F6, #4EA681, #103E93, #00134B, #070007)
- Patina Clover Lantern color palette (#DEF1FF, #4ABF40, #004259, #282127, #00090F)
- Ancient Chestnut color palette (#CCE8D3, #007D8B, #765D00, #344B00, #001013)
- Navy Studio color palette (#FBF2FB, #9BD3B3, #52749B, #1F446C, #291C2A)
- Tempered Onyx color palette (#EED7E6, #C87783, #383986, #140057, #020013)
- Muted Bronze color palette (#D0E8E2, #BC5B0C, #00284A, #2A2229, #000918)
- Pewter Corridor color palette (#F9EAEA, #E1A489, #864E71, #4F2440, #211112)
Browse the whole catalog at Explore, or see today's palette.