Tempered Harbor color palette — #E7FBEF · #84B173 · #007059 · #00425B · #020B00
A conversation between Jade and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7FBEF): A whisper-light, dusty teal — the color of sea glass.
- Jade (#84B173): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007059): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#00425B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#020B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered 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 Pine Pier color palette (#EAFBE9, #A3A85F, #167329, #4F2D50, #080800)
- Hushed Balcony color palette (#FFF0F8, #BA9F58, #546916, #00463F, #0B0700)
- Weathered Lagoon color palette (#EDEDDC, #87B48F, #009571, #007277, #00220A)
- Patina Veranda color palette (#D2E5E0, #4B8859, #00503B, #003133, #000A09)
- Lagoon Meadow color palette (#E7FBEF, #A2C797, #208970, #713F51, #061F00)
- Worn Abyss Summit color palette (#E0F1E1, #768140, #004921, #30082A, #010100)
- Weathered Amber Balcony color palette (#F4D8E8, #AB8840, #4A5400, #351B52, #020100)
- Wandering Lagoon color palette (#E6FBF1, #ACDFB4, #2F9D8F, #85535B, #0A2E2C)
Browse the whole catalog at Explore, or see today's palette.