Tempered Olive Field color palette — #ECF4F1 · #A2CEC1 · #479470 · #627D1E · #07191A
Built around Olive Leaf, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF4F1): bright and airy, almost weightless.
- Pistachio (#A2CEC1): A luminous, dusty teal — the color of sea glass.
- Fern (#479470): A luminous, balanced teal — the color of glacier melt.
- Olive Leaf (#627D1E): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#07191A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Tempered Olive Field 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
- Hushed Grove color palette (#EBF4F4, #97D2BF, #3390A3, #00856B, #09181F)
- Wandering Market color palette (#EEF4EF, #D4C294, #7D8A53, #8C6D00, #0A1915)
- Softworn Corridor color palette (#C9FEF9, #99CAAD, #4A957B, #006356, #00302E)
- Hushed Cerulean Lantern color palette (#F8F5EF, #CBC190, #128CA0, #7B6D20, #243228)
- Hushed Jade color palette (#F6F5ED, #C8D9AB, #5EAF7D, #7F974B, #2D2F28)
- Driftwood Orchard color palette (#ECF4F2, #D0D8DA, #A8AFB9, #6A8F5A, #2C3937)
- Weathered Clover color palette (#E5F6F4, #64BF6D, #007C73, #006F1F, #000C0B)
- Dusty Emerald color palette (#D6E9E9, #34A56F, #006168, #005533, #000303)
Browse the whole catalog at Explore, or see today's palette.