Jade Harbor color palette — #E9E6B9 · #A3D6A1 · #58C186 · #009A71 · #055248
Jade and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E9E6B9): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A3D6A1): A whisper-light, balanced green — the color of new leaves after rain.
- Jade (#58C186): A luminous, balanced teal — the color of glacier melt.
- Fern (#009A71): A luminous, balanced teal — the color of glacier melt.
- Forest (#055248): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Teal Courtyard color palette (#E1EEC7, #8AE0C4, #2FC6B6, #009497, #105460)
- Hushed Alley color palette (#F6E8C3, #A7C286, #4EAC69, #007D67, #005559)
- Ancient Clover color palette (#D8E9C8, #71BD6D, #288D4F, #006043, #00343B)
- Mint Workshop color palette (#DCF9DE, #00D48F, #00AF92, #00807B, #003D40)
- Emerald Boulevard color palette (#D7EBD3, #00A159, #00845E, #00584D, #001615)
- Moss Workshop color palette (#F9DEBA, #D6C480, #B0AD3C, #7D9421, #3A4D25)
- Jade Drift color palette (#F1F9E6, #9BDDBA, #F79DCC, #00BB7E, #5E3249)
- Weathered Mint Summit color palette (#F0F9E8, #B6E2E8, #D6C8CE, #8DBD87, #485541)
Browse the whole catalog at Explore, or see today's palette.