Tempered Olive color palette — #F3F7EE · #FFD5AE · #73AD93 · #5E7737 · #292D25
A conversation between Olive and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F3F7EE): a clean, paper-quiet neutral.
- Peach Cream (#FFD5AE): A whisper-light, dusty gold — the color of old brass.
- Jade (#73AD93): A luminous, dusty teal — the color of shallow lagoons.
- Olive (#5E7737): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#292D25): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Washed Harbor color palette (#E8FAF3, #FFC6B1, #679CBE, #436D5F, #132620)
- Muted Oat Dune color palette (#EDF8F6, #D7D59C, #638962, #325551, #1F2F2D)
- Cypress Balcony color palette (#EAF4F4, #ABCEB2, #3E6D4E, #003938, #041817)
- Tempered Pewter Grove color palette (#F2F7F0, #D1DEDC, #A7B4BD, #796563, #4F544E)
- Aged Seafoam color palette (#FFF2EC, #74E7DD, #88B3DB, #AA826D, #3A4D3F)
- Hushed Market color palette (#F3F7ED, #AEF0C7, #92B9F2, #7FBB96, #332B33)
- Worn Seafoam color palette (#F0F8EC, #3BDEC6, #CC8BB0, #A57591, #3A3630)
- Apricot Grove color palette (#D0E4D2, #FF9C57, #008A91, #005358, #040E06)
Browse the whole catalog at Explore, or see today's palette.