Tempered Olive color palette — #EDF9ED · #92BAA7 · #5F7E47 · #505877 · #2E493D
Olive takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EDF9ED): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#92BAA7): A luminous, dusty teal — the color of glacier melt.
- Olive (#5F7E47): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#505877): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#2E493D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Olive 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
- Lagoon Market color palette (#EFF8F3, #A4CAC3, #548F76, #66617E, #3F514E)
- Ancient Olive color palette (#F8F1E1, #B7B780, #717B44, #674E46, #2C2717)
- Tempered Pine color palette (#EAFAED, #97A16C, #297527, #633D52, #1A3D32)
- Ancient Cerulean Coast color palette (#F9F3F7, #B9E4F4, #3497B9, #147357, #314A62)
- Driftwood Hollow color palette (#FFF0FC, #EAE1C4, #C9C992, #9E687C, #594650)
- Muted Taupe color palette (#FCF4E8, #E1D5AF, #A0B57D, #A88591, #514000)
- Weathered Rose Orchard color palette (#FFF0FE, #D06165, #008D8C, #326CA3, #433142)
- Washed Terracotta color palette (#FFF0FD, #DA8480, #0099B8, #A04343, #21475A)
Browse the whole catalog at Explore, or see today's palette.