Tempered Olive color palette — #DFF6EB · #558B3B · #004830 · #2E0535 · #000200
Olive Leaf takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DFF6EB): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#558B3B): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004830): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#2E0535): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, 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
- Aged Olive color palette (#D6E5D6, #867D00, #2A4500, #1D0F40, #010100)
- Velvet Harbor color palette (#F1EDD8, #3C6B2B, #00351B, #2C0223, #010800)
- Dusty Lantern color palette (#CCE9DB, #6F9C5F, #005C40, #550021, #000200)
- Ancient Bronze Coast color palette (#FFE9D2, #AA7200, #573600, #202925, #0E0600)
- Frosted Cabin color palette (#EAE9D4, #609A50, #00762F, #6D3815, #060600)
- Pine Thicket color palette (#E7FCEB, #9FAB49, #1E7312, #592746, #070800)
- Mint Atelier color palette (#E1FCF5, #7CD0A2, #00897E, #6F3E5D, #001D1D)
- Washed Bronze color palette (#FBE5EF, #A25200, #005795, #451F00, #000104)
Browse the whole catalog at Explore, or see today's palette.