Tempered Olive color palette — #E9F6EA · #93BEAB · #607F52 · #3F5E44 · #122D23
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#E9F6EA): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#93BEAB): A luminous, dusty teal — the color of sea glass.
- Fern (#607F52): A full-bodied, dusty green — the color of fresh herbs.
- Pine (#3F5E44): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Forest (#122D23): 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
- Lagoon Coast color palette (#E9F5EF, #A1BD96, #4E8269, #614D66, #0D2D29)
- Fern Pier color palette (#E2F7F3, #73B89B, #007B78, #335721, #00281A)
- Tempered Olive Coast color palette (#ECF9F1, #93BAA8, #6D7B3C, #645A28, #2A4A3D)
- Worn Grove color palette (#DAF8FF, #77CCC3, #0D917F, #004742, #001914)
- Chalky Peony color palette (#DEF8FA, #59B89A, #C26F93, #00765B, #40172A)
- Softworn Olive color palette (#E0F7F9, #CDDAEA, #C1BEF4, #628254, #193A40)
- Quiet Forest Courtyard color palette (#CBEFDC, #7CA25D, #006D43, #453F00, #0B1B00)
- Antique Chapel color palette (#FAF4EB, #CFC49D, #799B6A, #856E44, #504100)
Browse the whole catalog at Explore, or see today's palette.