Tempered Olive color palette — #FAF2F9 · #B7CCF5 · #C58689 · #4F783C · #223958
A conversation between Olive and Dusty Rose, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF2F9): a clean, paper-quiet neutral.
- Lilac Frost (#B7CCF5): A whisper-light, dusty violet — the color of wild irises.
- Dusty Rose (#C58689): A luminous, dusty red — the color of a theater curtain.
- Olive (#4F783C): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#223958): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Dusty Bronze color palette (#FDF1F9, #BDC8FE, #BF8D6B, #8C602C, #004336)
- Patina Cypress color palette (#FDF2F1, #F4B8CE, #C48A74, #007C6D, #522B35)
- Hushed Workshop color palette (#F4F4FF, #A788C7, #866C3D, #345E42, #1C4A52)
- Ancient Driftwood color palette (#FFF0FB, #E7D6D3, #CDBBAE, #8B967B, #405447)
- Rust Villa color palette (#FFF1F4, #ECD5D7, #EEA0B8, #B56568, #58504D)
- Pine Hollow color palette (#FFF3E4, #C98D00, #008223, #00494C, #27001D)
- Misty Boulevard color palette (#FFF1F3, #E0A3D9, #9B8A31, #00648B, #3E1C3B)
- Dusty Mallow Thicket color palette (#FFF1F3, #CE9ACC, #684D48, #392528, #150D10)
Browse the whole catalog at Explore, or see today's palette.