Tempered Harbor color palette — #E0FBFE · #77E3C5 · #7FC3F2 · #A6A571 · #243D40
Lagoon takes the lead with Sky close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E0FBFE): A whisper-light, dusty blue — the color of deep harbor water.
- Lagoon (#77E3C5): A whisper-light, balanced teal — the color of sea glass.
- Sky (#7FC3F2): A luminous, balanced blue — the color of deep harbor water.
- Sage (#A6A571): A luminous, dusty green — the color of fresh herbs.
- Deep Teal (#243D40): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged light, 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 Bloom color palette (#DCFEF4, #B7DA88, #63CFCD, #BE9A7C, #293D38)
- Patina Canyon color palette (#EAF8FF, #6EDCFF, #B6B2F3, #81AF90, #2A3B44)
- Wandering Powder color palette (#E0FBFD, #96D8BD, #B9B5F8, #D6A187, #2D4849)
- Muted Stone Terrace color palette (#EAFAEE, #B9E8E4, #91BA9D, #6A816D, #33443B)
- Pewter Atelier color palette (#E5FAFC, #CEDDEA, #B8ADB2, #4C5E6B, #4C4840)
- Feathered Delta color palette (#D6FEFF, #00C6CA, #699AFF, #649724, #002728)
- Dusty Veil Courtyard color palette (#E1F0FF, #DFCBCB, #8F9A94, #424D58, #1B1F24)
- Dusty Field color palette (#E1FBFE, #65A698, #AF71A3, #A55368, #2B484C)
Browse the whole catalog at Explore, or see today's palette.