Tempered Olive color palette — #F7F6E9 · #A5B88C · #BA84B0 · #5F7F23 · #61405B

Olive Leaf takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sage (#A5B88C): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#BA84B0): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#5F7F23): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#61405B): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. 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

• Bronze Veranda color palette (#FDF4E7, #C5AD7C, #8995CB, #916B04, #604258)
• Cypress Coast color palette (#EFF8ED, #82BDB7, #C2829F, #00847D, #6A403E)
• Olive Meadow color palette (#E4F7F2, #9FBF8B, #D08673, #577F39, #40283A)
• Plum Corridor color palette (#F2F8E6, #6BA784, #8782B6, #A45888, #41433C)
• Timeworn Orchard color palette (#FDF3EA, #C6B59C, #A7743F, #804F42, #584500)
• Sky Loft color palette (#F5F7E9, #A2D3A0, #64BBF3, #619D5F, #30564A)
• Dusty Celadon Drift color palette (#E3FBF5, #BDE498, #E5B3E7, #96B47A, #4F4863)
• Timeworn Rust color palette (#E7F3DD, #35A287, #B85464, #006652, #5C1B28)

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