Tempered Olive color palette — #DCF1EA · #658100 · #005333 · #303E00 · #000202
Olive Leaf and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DCF1EA): A whisper-light, dusty teal — the color of glacier melt.
- Olive Leaf (#658100): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#005333): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Olive (#303E00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Tempered Pine color palette (#D5ECEB, #008B58, #004F53, #004428, #000203)
- Aged Pine color palette (#D6EAE3, #007836, #004939, #002139, #000502)
- Tempered Bronze Boulevard color palette (#E1EDE2, #9B6A00, #424B00, #4C3200, #000201)
- Tempered Bronze Study color palette (#DEEAE0, #9A7300, #003F65, #392800, #000103)
- Timeworn Fern Delta color palette (#E3EFEC, #93AAA8, #6B8E8E, #1F5300, #000C0A)
- Muted Moss color palette (#F2EFE4, #8B9225, #00746B, #595D00, #000202)
- Fern Coast color palette (#DEF0E8, #5C6000, #00302F, #1D1F00, #000202)
- Chalky Moss color palette (#BBE9E8, #36B200, #008D57, #00685B, #000402)
Browse the whole catalog at Explore, or see today's palette.