Tempered Harbor color palette — #E3ED9B · #FFBEB5 · #AAB9FF · #484358 · #2F3239
Built around Butter, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Butter (#E3ED9B): A whisper-light, balanced green — the color of new leaves after rain.
- Rose Quartz (#FFBEB5): A whisper-light, dusty orange — the color of toasted spice.
- Lavender (#AAB9FF): A luminous, balanced violet — the color of twilight just after sunset.
- Charcoal (#484358): A deep, shadowed, dusty violet — the color of wild irises.
- Deep Teal (#2F3239): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged neon, dark, vibrant, 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
- Hushed Mallow Field color palette (#93FDDC, #FFC387, #D2A8FF, #514756, #35363B)
- Hushed Ridge color palette (#FFDEBE, #FFB4F1, #45CFFF, #3D4352, #282F34)
- Ancient Ridge color palette (#B7F0FF, #FFD5DC, #CFCEFF, #715C68, #3C3338)
- Lilac Station color palette (#DCE8D8, #FF9E75, #AA89F6, #452745, #212330)
- Timeworn Raspberry Field color palette (#F3F5FD, #C3B7ED, #B55B7D, #71619F, #322B36)
- Wandering Driftwood color palette (#F5F4FB, #DFD7DD, #B8A8A1, #90779B, #525259)
- Wandering Denim color palette (#F2F5FD, #D4BD90, #555790, #30384E, #26232B)
- Hushed Driftwood Balcony color palette (#F4F4FF, #DBADD8, #AE6D93, #874759, #6F3530)
Browse the whole catalog at Explore, or see today's palette.