Tempered Olive color palette — #CCE9FC · #0083A9 · #4E7400 · #004C64 · #091300
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Frost (#CCE9FC): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0083A9): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#4E7400): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#091300): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Chestnut Veranda color palette (#DFF3F7, #008985, #796400, #00504D, #140F00)
- Grape Villa color palette (#D5EEFF, #006E9E, #7818C0, #005845, #000811)
- Faded Bronze color palette (#CAE8D4, #009EB6, #A57600, #006E80, #170D00)
- Patina Nightshade Study color palette (#DEE9F9, #446DE2, #00785E, #1220BF, #00140D)
- Powdered Byzantium Garden color palette (#DDEFF7, #00869C, #8938B5, #004E5C, #1B0029)
- Aged Cocoa color palette (#E0F2FF, #00688A, #7D3100, #003143, #200700)
- Faded Iris color palette (#C4E3FB, #77AFFA, #7786DA, #00607C, #00182D)
- Chalky Workshop color palette (#DCDEF0, #9C66DD, #00848F, #6829A5, #001F23)
Browse the whole catalog at Explore, or see today's palette.