Tempered Harbor color palette — #EAF9F8 · #86D9AC · #00A49F · #45926B · #17272B
A conversation between Turquoise and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAF9F8): bright and airy, almost weightless.
- Mint Leaf (#86D9AC): A luminous, balanced teal — the color of glacier melt.
- Turquoise (#00A49F): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#45926B): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#17272B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Balance. Tagged duotone, 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
- Worn Terrace color palette (#ECF7FA, #6FE7E5, #63A4CB, #539A99, #252F37)
- Mustard Bloom color palette (#EDF8F3, #C8CB6C, #63A068, #848630, #152826)
- Mint Ridge color palette (#DFFDF6, #00CCBB, #3B959F, #585E92, #24424A)
- Washed Villa color palette (#EBF9F7, #82C08D, #007C93, #27703A, #15272F)
- Wandering Clover color palette (#F4F6ED, #B0E5B8, #41C1D7, #45BD65, #122A1B)
- Worn Lagoon color palette (#EDF7F8, #D1DFEA, #B6C4D3, #5E9E8C, #3E4A4C)
- Cornflower Alley color palette (#EAF8FF, #00D0F6, #497FF2, #00859F, #0C1D35)
- Moss Alley color palette (#EFF7F5, #D3F1BB, #5EA6D7, #639D0B, #011423)
Browse the whole catalog at Explore, or see today's palette.