Tempered Jade Harbor color palette — #E7FAF3 · #72AB7A · #22725F · #285547 · #1E3B39
A conversation between Jade and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7FAF3): A whisper-light, dusty teal — the color of sea glass.
- Jade (#72AB7A): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#22725F): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#285547): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#1E3B39): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered 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
- Antique Lagoon color palette (#D5EAE5, #4B9F75, #00635B, #01445E, #003030)
- Olive Dune color palette (#FFF1F6, #BCAF81, #6D7A47, #3C6163, #31493A)
- Soft Teal Coast color palette (#D1EADC, #00B7AC, #007B84, #004F60, #242E56)
- Softworn Moss Balcony color palette (#D7F4DE, #8D9C00, #126D10, #004E4A, #2C3200)
- Patina Loft color palette (#E9F8FF, #00AFD2, #006D84, #003B4E, #002933)
- Hushed Teal Quarry color palette (#F7F6E8, #C7CFA4, #58B491, #768D59, #333A00)
- Chestnut Archive color palette (#FBF5E1, #99C09E, #3F9084, #756213, #333A00)
- Tempered Terrace color palette (#DAF3FF, #009FB5, #B75755, #006270, #542524)
Browse the whole catalog at Explore, or see today's palette.