Tempered Olive color palette — #DFE5C3 · #4E7500 · #004D28 · #002522 · #010E17
Built around Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DFE5C3): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#4E7500): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004D28): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Onyx (#002522): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#010E17): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Frosted Moss color palette (#E9E8D2, #649900, #007D4C, #005550, #00181C)
- Washed Chestnut Grove color palette (#F8DCC9, #7E6200, #3F4400, #152400, #001312)
- Forest Veranda color palette (#D4E8D1, #00654D, #003737, #001C24, #030614)
- Mulberry Orchard color palette (#DAF1F1, #007243, #8A0051, #00361D, #240011)
- Garnet Grove color palette (#C8EFDE, #005B42, #780040, #590202, #000A05)
- Clover Harbor color palette (#EDF1DE, #0AB72F, #00795A, #005051, #13334B)
- Cobalt Harbor color palette (#CBEEEC, #3FBED2, #447BD4, #3C3A00, #001A14)
- Ancient Ember Bloom color palette (#EDE1D3, #E04700, #008478, #041013, #000203)
Browse the whole catalog at Explore, or see today's palette.