Tempered Olive color palette — #E9F5ED · #B3B88A · #657E4D · #3C596D · #112D23
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#E9F5ED): a clean, paper-quiet neutral.
- Sage (#B3B88A): A luminous, dusty green — the color of fresh herbs.
- Fern (#657E4D): A full-bodied, dusty green — the color of fresh herbs.
- Peacock (#3C596D): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#112D23): A deep, shadowed, dusty teal — the color of sea glass.
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
- Olive Studio color palette (#EAF5ED, #A2A46D, #546F2B, #444263, #002317)
- Antique Lagoon color palette (#E8F5F1, #A1CEC9, #598D8F, #556276, #1F3634)
- Dusty Harbor color palette (#DFF8F5, #5ABD9B, #007C73, #4A4379, #002628)
- Cocoa Market color palette (#FEF3EA, #C0AD8B, #6B7B47, #684E72, #573D00)
- Antique Driftwood Lagoon color palette (#F9F5EB, #CDC5A3, #7E9A65, #447995, #4F4200)
- Patina Grape color palette (#F1F0FF, #BA91CF, #749B59, #7E4B96, #172F01)
- Dusty Stone Corridor color palette (#F2EFFF, #E8D0DF, #EAB69E, #7F759E, #302A3C)
- Gentle Lilac color palette (#F2F0FF, #B072BB, #9D7832, #007A80, #1F1A32)
Browse the whole catalog at Explore, or see today's palette.