Tempered Olive color palette — #FFF1F4 · #D9BBB9 · #C19887 · #7F823A · #425639

Olive Leaf and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Stone (#D9BBB9): A luminous, dusty orange — the color of sun-warmed clay.
• Camel (#C19887): A luminous, dusty orange — the color of toasted spice.
• Olive Leaf (#7F823A): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#425639): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged vintage, 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

• Tempered Bronze Meadow color palette (#FADDD7, #C3A183, #957731, #42644D, #113A53)
• Dusty Stone color palette (#FFEDED, #EFAC8C, #AF8A4F, #5A795E, #1C556C)
• Aged Olive color palette (#FAD8C7, #AC8A56, #6F7633, #165065, #102250)
• Wandering Cypress Parlor color palette (#FFEFFE, #CCB1C3, #A77E7D, #266B6A, #614760)
• Worn Corridor color palette (#F0F6FF, #DED4EF, #DEA79F, #7E9FA9, #3B565E)
• Gentle Driftwood Balcony color palette (#FFF2EE, #EB9FAA, #4DB9B0, #B66371, #004D49)
• Washed Fern color palette (#F4F7E9, #B8CCA4, #569E97, #8A6579, #324C08)
• Aged Coral color palette (#FFF2EE, #E88288, #7CA66B, #6288BD, #4B3028)

Browse the whole catalog at Explore, or see today's palette.