Jade Harbor color palette — #D4EBE0 · #60A866 · #006A5D · #424100 · #001D03
A conversation between Jade and Pine, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D4EBE0): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#60A866): A luminous, balanced green — the color of fresh herbs.
- Pine (#006A5D): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#424100): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#001D03): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Muted Loft color palette (#D4EDD5, #939C47, #006E2D, #543800, #151800)
- Aged Summit color palette (#CEF5E9, #4BA952, #006B49, #374B00, #123715)
- Patina Chapel color palette (#E9F6E9, #81AB9A, #3E7248, #00505A, #002318)
- Weathered Lagoon Cabin color palette (#DDECDE, #00A179, #007176, #004557, #001934)
- Fern Lagoon color palette (#F4E3E9, #97904E, #2D640C, #004244, #151200)
- Patina Lantern color palette (#DFF6E5, #6C814B, #005133, #002F3C, #050A00)
- Hushed Boulevard color palette (#FAF7D8, #9BD49C, #009567, #496200, #002704)
- Airy Garnet color palette (#C6EEE9, #2BAA9A, #006679, #77002A, #001B17)
Browse the whole catalog at Explore, or see today's palette.