Tempered Harbor color palette — #FFF0F7 · #B3C5B6 · #7B998E · #597080 · #4D4A5E
A conversation between Slate and Eucalyptus, giving this palette its sense of sophistication.
The five colors
- Ivory (#FFF0F7): bright and airy, almost weightless.
- Stone (#B3C5B6): A luminous, dusty teal — the color of shallow lagoons.
- Eucalyptus (#7B998E): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#597080): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#4D4A5E): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Sophistication. Tagged vintage, retro, 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 Summit color palette (#F0F7F2, #A9C9BA, #76895C, #735E72, #3E5249)
- Timeworn Harbor color palette (#FFF2EE, #F0D4B4, #ACAF95, #8F7F8A, #584954)
- Wandering Lantern color palette (#FFEBD5, #B8B77F, #5F9350, #3C6085, #4D4572)
- Patina Turquoise color palette (#F1F7F2, #D4DFF1, #59A3C7, #3E7A77, #455464)
- Antique Taupe color palette (#E7DDCA, #98A566, #467951, #334970, #2F324F)
- Wandering Teal Meadow color palette (#DBE8D6, #3BB794, #007F8C, #603C68, #592E3D)
- Iris Balcony color palette (#EAFAF0, #BBB178, #8591E2, #7F732A, #424D66)
- Antique Cerulean Alley color palette (#E6FBF0, #9E9C5B, #3695B9, #9C6080, #33483E)
Browse the whole catalog at Explore, or see today's palette.