Tempered Olive color palette — #E3FCF5 · #BAE5F5 · #88DFD8 · #7A7E35 · #2D514E
Built around Olive Leaf, softened by Lagoon — the whole palette hums with nature and growth.
The five colors
- Ivory (#E3FCF5): A whisper-light, dusty teal — the color of glacier melt.
- Powder Blue (#BAE5F5): A whisper-light, dusty blue — the color of deep harbor water.
- Lagoon (#88DFD8): A whisper-light, balanced teal — the color of sea glass.
- Olive Leaf (#7A7E35): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#2D514E): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Sophistication. Tagged pastel, light, muted, cool.
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
- Antique Lagoon Market color palette (#E4FAFD, #CBDCF2, #97CFF3, #3E9165, #265059)
- Bronze Cabin color palette (#E9FBEC, #BCE6E6, #AFD6A8, #AA6F42, #35513F)
- Timeworn Glacier color palette (#E4F7F0, #BFE5F7, #76D8F7, #A57B57, #183530)
- Hushed Olive Meadow color palette (#D4FFFD, #89E3CB, #00B7D0, #457000, #00432D)
- Patina Balcony color palette (#E0F8FF, #89CADE, #74A2D7, #00735D, #093647)
- Fern Meadow color palette (#F7F8D9, #C3F0EC, #9CD7EC, #AEB17E, #4D5505)
- Dusty Lagoon color palette (#CCF2ED, #6CB095, #009093, #374200, #00240E)
- Cobalt Grove color palette (#EDF7F9, #7BBDB1, #3F6DB9, #006F62, #162538)
Browse the whole catalog at Explore, or see today's palette.