Tempered Harbor color palette — #F8F5EB · #D2D4B4 · #78A891 · #90757D · #505100
A conversation between Deep Olive and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5EB): a clean, paper-quiet neutral.
- Oat (#D2D4B4): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#78A891): A luminous, dusty teal — the color of sea glass.
- Driftwood (#90757D): A full-bodied, dusty rose — the color of strawberry cream.
- Deep Olive (#505100): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, 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 Ash color palette (#ECF8F5, #C3DBF5, #81BABC, #7B8799, #314C49)
- Softworn Garden color palette (#FFF1F1, #E8B2CE, #68C6A7, #BA719A, #46523A)
- Patina Taupe color palette (#FFF1F1, #E1DAD0, #ABB3BF, #BC8E9A, #5C4B48)
- Worn Station color palette (#EBF9F6, #9ACCCA, #598E77, #516A77, #3D5251)
- Lagoon Delta color palette (#F7F7E3, #89CCA5, #009B8E, #85577E, #393C35)
- Patina Courtyard color palette (#EFEAD6, #5E9358, #006249, #502352, #101100)
- Aged Atelier color palette (#FFF1F1, #DB99C4, #5DBB82, #3AA3AC, #543B3C)
- Patina Olive color palette (#EDE3D6, #AAA86B, #538129, #584B7F, #322803)
Browse the whole catalog at Explore, or see today's palette.