Tempered Olive color palette — #FFF1F3 · #DABDBA · #B69384 · #757C35 · #44553B
Built around Olive Leaf, softened by Charcoal Brown — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Oat (#DABDBA): A whisper-light, dusty orange — the color of toasted spice.
- Taupe (#B69384): A luminous, dusty orange — the color of autumn markets.
- Olive Leaf (#757C35): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#44553B): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. 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
- Ancient Chapel color palette (#FFF2F0, #ECD4CB, #BBAB9D, #7E8E74, #445347)
- Hushed Thicket color palette (#FFF1F1, #E5B39B, #AB9461, #257778, #285746)
- Hushed Orchard color palette (#FCF4E9, #D2C39F, #8B9563, #856777, #543F00)
- Worn Chapel color palette (#FFE5DF, #CBA180, #887B50, #006976, #0E3858)
- Aged Orchard color palette (#FFF0FD, #C1A8BA, #A37F80, #317378, #624A61)
- Softworn Harbor color palette (#EFD6E3, #F4929D, #BD6D3E, #067453, #004346)
- Muted Pier color palette (#FFEAED, #A36956, #684C28, #003533, #001118)
- Hushed Balcony color palette (#FFE0F5, #EAA1C5, #D3758A, #9E5052, #683830)
Browse the whole catalog at Explore, or see today's palette.