Tempered Olive color palette — #F9F5E6 · #E6DFB4 · #757C42 · #3A3831 · #130F01
Walnut and Celadon Mist set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F5E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#E6DFB4): A whisper-light, dusty green — the color of a quiet forest floor.
- Walnut (#757C42): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal (#3A3831): quiet, heavy and certain.
- Ink (#130F01): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Dusty Bronze color palette (#FFF3E9, #F0E7AF, #9D6843, #552D00, #170D05)
- Tempered Driftwood Quarry color palette (#F3F7EE, #D6D7CB, #7B8F4C, #3D4E02, #1A1D13)
- Tempered Cypress color palette (#EEF9EA, #FFCABE, #007C70, #003731, #030A01)
- Tempered Delta color palette (#F6F2E4, #CAB078, #5A5900, #2A2900, #100C02)
- Amber Coast color palette (#E9E8D3, #CC7600, #1F3200, #060F09, #010100)
- Gentle Field color palette (#F9F5EB, #F5E79B, #4CA7E2, #9E8A00, #051611)
- Ancient Teal Veranda color palette (#EBFAEB, #3DC0C0, #008E8E, #6C4280, #221D04)
- Airy Fern color palette (#F5F8E1, #FFAE75, #126B0F, #032602, #000200)
Browse the whole catalog at Explore, or see today's palette.