Tempered Olive color palette — #F1F5DD · #AFEAD5 · #66C7D0 · #5C7314 · #222B04
A conversation between Olive and Aqua, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F5DD): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#AFEAD5): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#66C7D0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#5C7314): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#222B04): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged pastel, light, 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
- Tempered Workshop color palette (#E4F9E2, #ACE3F4, #8EBFEA, #007A60, #162C1B)
- Emerald Thicket color palette (#EDF5E4, #BBEADC, #A5D2BB, #55935C, #283821)
- Chestnut Delta color palette (#FBF1DB, #DED9B1, #8CCAA0, #8A5B00, #312800)
- Antique Studio color palette (#E1FCF4, #9AECD5, #5EBEE8, #81632B, #1E4947)
- Cerulean Veranda color palette (#E5EADA, #6ABAA8, #00A0B1, #335100, #00130B)
- Weathered Amber Orchard color palette (#F8F7DB, #C2EEDD, #C7D5FC, #BD9137, #2A3700)
- Worn Cocoa color palette (#EBDED0, #AF9466, #885923, #662A00, #211600)
- Softworn Lilac color palette (#CDF4E3, #DDBDDF, #A39CDD, #006573, #001C30)
Browse the whole catalog at Explore, or see today's palette.