Tempered Harbor color palette — #E0E0C6 · #62B000 · #E14D28 · #3E7300 · #4E0F01
Clover and Pumpkin set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E0E0C6): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#62B000): A luminous, vivid green — the color of a quiet forest floor.
- Pumpkin (#E14D28): A luminous, vivid orange — the color of sun-warmed clay.
- Olive (#3E7300): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#4E0F01): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Energy. Tagged warm.
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
- Softworn Rose color palette (#E5DEC3, #9CA000, #D95164, #666900, #4F0918)
- Hushed Clover Station color palette (#EEF2D4, #6FBF61, #DA7646, #418435, #502A18)
- Hazy Emerald color palette (#DFE8CA, #00A05B, #AE5C00, #006337, #2C1300)
- Hushed Bronze Canyon color palette (#D3E4CC, #00B09D, #AB7D00, #007466, #372600)
- Airy Hollow color palette (#E1E6D2, #00A144, #0089A0, #876200, #1E2202)
- Tempered Balcony color palette (#E8DDC1, #AA9A00, #0099A0, #6F6500, #003032)
- Hushed Amber Canyon color palette (#F7E1CC, #CB9244, #9A642B, #733D11, #332000)
- Patina Lagoon color palette (#D9E3C9, #AAAD00, #006643, #00321F, #080E00)
Browse the whole catalog at Explore, or see today's palette.