Tempered Olive color palette — #F0F8F0 · #8FBBA5 · #637D46 · #2E6558 · #294A3B
Built around Olive, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F8F0): a clean, paper-quiet neutral.
- Sage (#8FBBA5): A luminous, dusty teal — the color of sea glass.
- Olive (#637D46): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#2E6558): A full-bodied, dusty teal — the color of sea glass.
- Forest (#294A3B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Timeworn Lagoon color palette (#EDF8F3, #A3CAC3, #5E8D76, #466C7B, #3C524E)
- Timeworn Cypress Drift color palette (#E1FCF5, #7CB192, #007A6F, #005977, #16452D)
- Hushed Fern Thicket color palette (#F5F2E6, #BBB48D, #667F46, #535B0F, #2B2816)
- Forest Quarry color palette (#DEF1E4, #859B5C, #006D32, #004D4F, #263400)
- Taupe Harbor color palette (#FFF3E5, #DBD99E, #99B782, #879580, #514000)
- Timeworn Cerulean Summit color palette (#FAF3F6, #C7E0F4, #6B8BBE, #007076, #3B4667)
- Spruce Archive color palette (#D8E9DB, #6A7135, #0D4402, #002926, #0F1100)
- Petrol Dune color palette (#EDF7FF, #69A7D2, #B57B3C, #006CA1, #5C3A12)
Browse the whole catalog at Explore, or see today's palette.