Tempered Harbor color palette — #EAF9F4 · #C5E198 · #DEB4F4 · #9BB276 · #4C4964
Built around Pistachio, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF9F4): bright and airy, almost weightless.
- Pistachio (#C5E198): A whisper-light, balanced green — the color of new leaves after rain.
- Lavender (#DEB4F4): A whisper-light, balanced violet — the color of wild irises.
- Sage (#9BB276): A luminous, balanced green — the color of new leaves after rain.
- Charcoal Brown (#4C4964): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. 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
- Sand Lagoon color palette (#EBFAED, #F6CF86, #A1CAFF, #C1A46E, #394F68)
- Dusty Seafoam color palette (#E1FCF6, #ACD691, #CCAFE8, #CB90AA, #304843)
- Tempered Seafoam Corridor color palette (#E5FAFD, #74EED7, #F3B0D1, #64BBAA, #544660)
- Softworn Coast color palette (#E6FAF5, #B9DDEE, #A9CBB1, #BAAFB4, #3A5251)
- Sky Veranda color palette (#F7F6E4, #B2D092, #6DBDDF, #7D9660, #355547)
- Weathered Ridge color palette (#F3F3E6, #A5BD8A, #AE8EBF, #5D7E27, #482430)
- Timeworn Chartreuse color palette (#FFE0AD, #E6D2FF, #C8E264, #5D7069, #2F3936)
- Sand Terrace color palette (#EBF8FA, #FFD4B4, #72A9B2, #50747A, #222E30)
Browse the whole catalog at Explore, or see today's palette.