Tempered Olive color palette — #F5F8E1 · #2F8600 · #004A6D · #500013 · #000200
Olive Leaf and Espresso set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F8E1): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#2F8600): A full-bodied, vivid green — the color of a quiet forest floor.
- Navy (#004A6D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Espresso (#500013): A deep, shadowed, balanced red — the color of a theater curtain.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Onyx Market color palette (#EFF9E8, #007A64, #005477, #4D0104, #000201)
- Moss Atelier color palette (#FFE8E4, #609E00, #00606B, #550026, #000502)
- Patina Workshop color palette (#FDF5DA, #646600, #005352, #43002E, #020100)
- Charred Coast color palette (#E6EDD4, #007134, #00328B, #2F0B00, #000200)
- Dusty Ultramarine Corridor color palette (#EEFAE7, #007765, #1C19D6, #441C00, #000200)
- Cellar Cypress color palette (#D7E9CB, #00705B, #2F383D, #00151D, #010200)
- Aubergine Pier color palette (#F0F9E5, #00845C, #5200A3, #301F00, #000201)
- Nightshade Chapel color palette (#FCF1DC, #907800, #2428CD, #3A1B00, #040100)
Browse the whole catalog at Explore, or see today's palette.