Jade Harbor color palette — #F4F1DD · #4CA776 · #006F6C · #22476F · #002210
A conversation between Jade and Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F1DD): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#4CA776): A luminous, balanced teal — the color of glacier melt.
- Teal (#006F6C): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#22476F): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#002210): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, 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
- Teal Archive color palette (#E2FCF6, #62B68F, #006F69, #00415D, #000B05)
- Powdered Moss Lantern color palette (#EEE1C6, #6AA53C, #007255, #5F3550, #0E2001)
- Lagoon Loft color palette (#E5ECDD, #58BBA5, #009289, #00717A, #00211A)
- Pine Study color palette (#F7E7D6, #99982D, #217321, #004F55, #221A00)
- Weathered Loft color palette (#C9EEEF, #2F8B77, #005049, #00363A, #00211A)
- Mustard Field color palette (#F3E1CF, #B1A84A, #4F813C, #544E7A, #342700)
- Fern Lagoon color palette (#F9E4CD, #8D8700, #166406, #482A53, #111000)
- Hushed Loft color palette (#E5E0D3, #3B8929, #005242, #421D30, #060600)
Browse the whole catalog at Explore, or see today's palette.