Tempered Olive color palette — #F7F7E2 · #E0D6FF · #C491A4 · #627D3D · #4D393E
Olive and Dusty Rose set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
- Thistle (#E0D6FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Dusty Rose (#C491A4): A luminous, dusty rose — the color of strawberry cream.
- Olive (#627D3D): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal (#4D393E): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Hushed Lagoon color palette (#FBF5DE, #FDC8FE, #C9918D, #407D84, #4F3938)
- Timeworn Powder Meadow color palette (#F1F9E4, #BCD0FF, #CC9EB9, #60988E, #55414A)
- Dusty Fern color palette (#EAFAED, #B69BC8, #97667B, #506216, #49445A)
- Stone Orchard color palette (#FFF1F6, #E4D9D3, #D3C0A3, #81927E, #485446)
- Aged Fern color palette (#F6F6E9, #BCE3F2, #9EB798, #987E80, #3C4E05)
- Amber Market color palette (#FFF4DB, #FFB3C5, #BB8454, #226C8A, #37302D)
- Worn Fuchsia color palette (#FFF1F2, #E28AD7, #664E48, #352728, #130E10)
- Hazy Coral color palette (#FFF5D6, #FF7D72, #916C00, #00487E, #2C0E00)
Browse the whole catalog at Explore, or see today's palette.