Tempered Harbor color palette — #EFF7F4 · #A8C9BF · #5F8B83 · #496C75 · #3B534C
A conversation between Storm Blue and Graphite, giving this palette its sense of sophistication and grounding.
The five colors
- Ivory (#EFF7F4): a clean, paper-quiet neutral.
- Stone (#A8C9BF): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#5F8B83): A luminous, dusty teal — the color of sea glass.
- Graphite (#496C75): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3B534C): A full-bodied, dusty teal — the color of sea glass.
Feels like: 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
- Timeworn Driftwood color palette (#EDF4ED, #A9CDBB, #758B63, #576179, #23362D)
- Worn Courtyard color palette (#EFF7F5, #CEDFEE, #66A6A8, #0B816D, #395864)
- Antique Chestnut Canyon color palette (#EEF8F0, #95BAA4, #767745, #7C4850, #31493B)
- Patina Forest color palette (#D2EAE8, #65997F, #00644F, #00445B, #003031)
- Pine Market color palette (#E5FAF7, #80B189, #007D51, #005B6C, #154624)
- Weathered Chestnut color palette (#FBF4EC, #DED0AB, #8BA574, #907386, #5F4A00)
- Aged Driftwood Balcony color palette (#F6F3FF, #E3D6DE, #ECB9AF, #967BA3, #50485C)
- Antique Pewter Atelier color palette (#F2F4FF, #C3B1E1, #9873B4, #7A4D89, #504A69)
Browse the whole catalog at Explore, or see today's palette.