Jade Harbor color palette — #F7F2DE · #7FB973 · #007E5C · #4E500A · #0D2708
Jade takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7F2DE): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#7FB973): A luminous, balanced green — the color of fresh herbs.
- Teal (#007E5C): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#4E500A): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#0D2708): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Patina Lagoon color palette (#FEF0DC, #ADAC62, #427D00, #614717, #232200)
- Gentle Teal Pier color palette (#F2F4DC, #4FBF98, #007B79, #793421, #00281B)
- Moss Quarry color palette (#F1E4C4, #78A544, #006D3F, #00474C, #0D1A00)
- Worn Emerald Canyon color palette (#E1FCF5, #B3EAAA, #44A964, #59753A, #003732)
- Muted Delta color palette (#F4F2E9, #C3C7A6, #5B8F7A, #4E6957, #31322B)
- Teal Meadow color palette (#E3F0E6, #00B497, #008384, #005566, #002C42)
- Worn Cerulean Harbor color palette (#FDEEE7, #95DFE1, #0091B0, #006543, #002840)
- Faded Ridge color palette (#E6F8E6, #00AEB0, #E63B00, #00696A, #400900)
Browse the whole catalog at Explore, or see today's palette.