Tempered Olive color palette — #EEF6FF · #5A88B0 · #57722B · #005941 · #24373F
Built around Olive, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Storm Blue (#5A88B0): A luminous, dusty blue — the color of deep harbor water.
- Olive (#57722B): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#005941): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#24373F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Cypress Meadow color palette (#F2F5FF, #867BB0, #127E62, #005965, #273444)
- Softworn Garden color palette (#EDF7FB, #37969F, #7C5E10, #3E5400, #203B3E)
- Hazy Archive color palette (#F0F5FF, #4D6EC9, #006820, #004843, #00283C)
- Hushed Lagoon color palette (#EFF1FC, #8F7CB5, #8F6700, #005855, #181925)
- Patina Bronze Meadow color palette (#FDF2F5, #AB8FCA, #A37B2A, #297571, #423238)
- Fern Archive color palette (#FDF1F9, #C28777, #836D3D, #3C5F22, #0D4D45)
- Mallow Basin color palette (#FFF1F4, #D99EE7, #D2907D, #629382, #3D2F37)
- Hushed Driftwood color palette (#FFF1F6, #C998A6, #A06463, #685820, #504253)
Browse the whole catalog at Explore, or see today's palette.