Jade Harbor color palette — #F9F7D8 · #B1D59C · #75B36D · #478156 · #4C4E47
A conversation between Jade and Fern, giving this palette its sense of nature and growth.
The five colors
- Custard (#F9F7D8): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B1D59C): A whisper-light, balanced green — the color of new leaves after rain.
- Jade (#75B36D): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#478156): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#4C4E47): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Aged Teal Bloom color palette (#EEFBDC, #87D3B7, #13B69B, #238377, #3F543D)
- Lime Courtyard color palette (#FFF4D3, #A9C06E, #619662, #3B7058, #43553C)
- Sky Balcony color palette (#F4F7EC, #9BD5A8, #7AB6F3, #629C70, #2D564D)
- Weathered Taupe Chapel color palette (#FFEDD4, #DDC381, #B49E3C, #7E7538, #4F4D46)
- Aged Jade color palette (#D1E4DA, #00B992, #008B77, #005E55, #003B39)
- Timeworn Taupe Summit color palette (#F1F8E7, #B4E3E3, #CEC7D1, #82AA8A, #4E5548)
- Aged Glacier Drift color palette (#DAF0A0, #C3D8FF, #00E6EE, #455747, #303831)
- Cerulean Courtyard color palette (#D3E6E8, #008EA4, #006077, #003C4F, #001622)
Browse the whole catalog at Explore, or see today's palette.