Jade Harbor color palette — #F7F2DE · #75BA83 · #007C71 · #4D501B · #05280F
Built around Jade, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F2DE): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#75BA83): A luminous, balanced green — the color of fresh herbs.
- Teal (#007C71): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#4D501B): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Forest (#05280F): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Pine Boulevard color palette (#FAF0E2, #A1B06C, #008043, #634603, #262101)
- Ancient Jade Pier color palette (#F8F8DA, #66B87E, #007C60, #445834, #3A3B35)
- Patina Moss Pier color palette (#EEE4CE, #76A555, #006C50, #00455C, #0A1B00)
- Patina Archive color palette (#ECEADB, #549F7B, #006262, #313F05, #0D1500)
- Gentle Pine Quarry color palette (#FEEFDC, #A4B05F, #008139, #005662, #272000)
- Washed Canyon color palette (#E8FAF5, #ABEABB, #00AB85, #58753F, #003635)
- Dusty Lagoon Studio color palette (#F5F2E7, #C2C7A5, #4D9184, #476A5E, #31322B)
- Softworn Teal Boulevard color palette (#DBF4E2, #00B9AC, #008088, #004D6D, #002142)
Browse the whole catalog at Explore, or see today's palette.