Tempered Olive color palette — #CEEFE2 · #628900 · #007160 · #00456A · #000202
A conversation between Olive Leaf and Teal, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#CEEFE2): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive Leaf (#628900): A full-bodied, balanced green — the color of fresh herbs.
- Teal (#007160): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00456A): A deep, shadowed, balanced blue — the color of deep harbor water.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
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
- Forest Courtyard color palette (#D7F4F1, #8A7100, #097017, #004D53, #000201)
- Nightshade Basin color palette (#CCECF9, #00895F, #00707B, #2C2C92, #000103)
- Dusty Clover color palette (#DFF2D7, #37B445, #008C71, #006379, #000505)
- Forest Bloom color palette (#D2F0E7, #006A3E, #00322C, #0D1800, #000202)
- Hushed Cerulean Lantern color palette (#EADBE5, #10879B, #00415D, #00201A, #000106)
- Nightshade Study color palette (#D7F2FF, #00B497, #008DA5, #4D47B3, #00040B)
- Eclipse Chapel color palette (#C6E8F3, #005568, #6E1600, #00232C, #040000)
- Aubergine Meadow color palette (#CFEDFF, #009F9D, #0079C5, #620AB4, #000010)
Browse the whole catalog at Explore, or see today's palette.