Tempered Harbor color palette — #DEE3C9 · #A2B86C · #689923 · #2B7500 · #164317
Olive takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#DEE3C9): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#A2B86C): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#689923): A luminous, balanced green — the color of fresh herbs.
- Olive (#2B7500): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#164317): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. 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
- Emerald Field color palette (#E4E8BB, #94CA99, #4BA46B, #008259, #114F3C)
- Timeworn Hollow color palette (#FBEECB, #A2A324, #547A00, #005F1F, #004132)
- Bronze Balcony color palette (#F4EAD9, #BFA44F, #988300, #666300, #3F4400)
- Patina Chartreuse Loft color palette (#F2FDBB, #B1D336, #6C9B1D, #33631C, #123511)
- Wandering Loft color palette (#EFF1D7, #83B972, #15A0E0, #328700, #003A55)
- Hushed Chapel color palette (#D0FEDD, #8ACB98, #329857, #006232, #00280F)
- Faded Veranda color palette (#E6E7CA, #6EA850, #009CA5, #A56800, #1B330E)
- Hushed Lagoon Courtyard color palette (#E7F8D7, #99DCCC, #50B4A8, #008886, #3A553D)
Browse the whole catalog at Explore, or see today's palette.