Tempered Olive color palette — #F3F2EA · #A5BE80 · #00858A · #527100 · #051206
Built around Olive, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Cream (#F3F2EA): bright and airy, almost weightless.
- Sage (#A5BE80): A luminous, balanced green — the color of fresh herbs.
- Teal (#00858A): A full-bodied, balanced teal — the color of sea glass.
- Olive (#527100): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#051206): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. 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
- Pine Hollow color palette (#F5F1E9, #C5B373, #1C8A59, #786300, #0C1003)
- Pine Veranda color palette (#F0F3ED, #A1D0B5, #3B8CB8, #228559, #061A14)
- Patina Petrol color palette (#EFF8F2, #BCB068, #0077AD, #6D6000, #172632)
- Worn Moss color palette (#ECF8F5, #B3D183, #00A1B6, #6D8D2C, #112730)
- Tempered Aubergine color palette (#FDF0DD, #6FAC83, #007B7A, #632D69, #1B270C)
- Hushed Balcony color palette (#D6F7CD, #8CC1A3, #008A77, #005554, #002B35)
- Misty Boulevard color palette (#EDF4EA, #43BEAB, #0068CD, #006A5E, #00081C)
- Dusty Alley color palette (#ECF0DB, #17B24B, #006679, #005D21, #000406)
Browse the whole catalog at Explore, or see today's palette.