Jade Harbor color palette — #FFF3E3 · #CBD198 · #7DAD81 · #2D837F · #00516D
Jade and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Pistachio (#CBD198): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#7DAD81): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#2D837F): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#00516D): A full-bodied, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Faded Garden color palette (#DEFFE4, #9FE8D2, #78C48E, #00867C, #00475C)
- Tempered Balcony color palette (#FFF2EB, #EFC6A3, #A9A46C, #5A7F4F, #005440)
- Sunlit Navy color palette (#F9F8D0, #9FD9B9, #60B1B9, #387997, #364480)
- Muted Grove color palette (#DAFFF0, #A7C59F, #5B9776, #006F5A, #005657)
- Navy Balcony color palette (#E0ECD1, #6ECBA2, #009396, #006180, #162078)
- Wandering Onyx Canyon color palette (#D6E7CD, #00A683, #006E7B, #004463, #140051)
- Nightshade Corridor color palette (#DEF6E8, #00948A, #005D81, #120098, #100026)
- Ancient Fern Grove color palette (#FFF2ED, #C0C28E, #57A299, #87607D, #4A4C00)
Browse the whole catalog at Explore, or see today's palette.