Tempered Olive color palette — #DDF7FF · #0DA1A2 · #517DCE · #4F7A00 · #00232B
A conversation between Olive and Azure, giving this palette its sense of nature and growth.
The five colors
- Frost (#DDF7FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0DA1A2): A luminous, balanced teal — the color of glacier melt.
- Azure (#517DCE): A full-bodied, balanced violet — the color of wild irises.
- Olive (#4F7A00): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#00232B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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
- Muted Violet Dune color palette (#E5F4FF, #3E99BF, #866DC4, #007F58, #002134)
- Powdered Emerald color palette (#DAF9F6, #5CA063, #008FA4, #8B6300, #002422)
- Muted Lapis Summit color palette (#D9F6FF, #007F98, #603CDF, #006331, #001117)
- Iris Lantern color palette (#E5FCEE, #00B7DD, #9186F6, #4D9968, #263E31)
- Hushed Cerulean color palette (#E2F5FF, #82CEDE, #00869A, #004B58, #001B21)
- Byzantium Quarry color palette (#D7E6FF, #4A7FDF, #B42CB8, #007070, #041538)
- Antique Balcony color palette (#E7FCE5, #009D98, #C14E6F, #94582A, #2C3D2A)
- Mulberry Lagoon color palette (#D7DEEB, #4A61C4, #972782, #00575E, #03042A)
Browse the whole catalog at Explore, or see today's palette.