Tempered Olive color palette — #F5E1ED · #BF8A75 · #7B7C00 · #5C4877 · #260E3D
A conversation between Olive Leaf and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Blush (#F5E1ED): A whisper-light, dusty pink — the color of a candy shop window.
- Caramel (#BF8A75): A luminous, dusty orange — the color of toasted spice.
- Olive Leaf (#7B7C00): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#5C4877): A full-bodied, dusty violet — the color of a velvet chair.
- Deep Indigo (#260E3D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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
- Softworn Bronze color palette (#E9DEE8, #C2847A, #997700, #2F5984, #031F3A)
- Dusty Mulberry Archive color palette (#F7D9D4, #C48665, #68813A, #7E3D6C, #3A001D)
- Pine Drift color palette (#F6E7E0, #A1813D, #177A48, #593659, #220623)
- Timeworn Fern Pier color palette (#F8D9C7, #AB8244, #636713, #004055, #05174A)
- Washed Courtyard color palette (#EEE1D0, #96A124, #008736, #624683, #0F1100)
- Antique Amethyst Meadow color palette (#F8ECDB, #C89729, #7E35E9, #7E5B00, #150032)
- Lagoon Ridge color palette (#EADDCD, #91AB68, #009398, #874B57, #44231D)
- Washed Pier color palette (#FFE8EE, #FCAB60, #95AD5D, #8A5FB2, #472A60)
Browse the whole catalog at Explore, or see today's palette.