Jade Harbor color palette — #E5F4E8 · #00B274 · #00705B · #004D48 · #013143
Jade and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E5F4E8): A whisper-light, dusty teal — the color of sea glass.
- Jade (#00B274): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#00705B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004D48): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#013143): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Calm, 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
- Worn Station color palette (#DCEAC9, #00C461, #008E7A, #006566, #003948)
- Teal Harbor color palette (#9EFFFC, #00AEAB, #006A67, #00383A, #001F1E)
- Dusty Moss Quarry color palette (#E5E9CA, #739C00, #267400, #005230, #00383B)
- Muted Teal Veranda color palette (#D9F1EB, #00BFBC, #008290, #00566C, #25355F)
- Lagoon Workshop color palette (#EEFBDB, #85C2B0, #0F958C, #007677, #33543E)
- Plum Grove color palette (#D7ECCE, #009A88, #C90071, #005C51, #58002E)
- Quiet Azure Studio color palette (#E3FBDE, #90E1F0, #3AA3F8, #007152, #003B41)
- Patina Byzantium color palette (#C5EEE9, #00827B, #8D00D0, #744600, #002B28)
Browse the whole catalog at Explore, or see today's palette.