Tempered Olive Drift color palette — #FCF2F4 · #D2B3DE · #7A852F · #855897 · #2F2E27

A conversation between Olive Leaf and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF2F4): bright and airy, almost weightless.
• Lavender (#D2B3DE): A luminous, dusty pink — the color of a candy shop window.
• Olive Leaf (#7A852F): A full-bodied, balanced green — the color of fresh herbs.
• Slate (#855897): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#2F2E27): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Tempered Olive Drift 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 Olive color palette (#FBF3F1, #F2AAB0, #6A894A, #9A565E, #2E2E27)
• Mallow Station color palette (#F4F0F8, #F2AAD1, #AB7358, #955D7C, #1D1218)
• Weathered Drift color palette (#F9F3F8, #ACBEF4, #BB603C, #586AA3, #332C28)
• Petal Courtyard color palette (#FDF2F2, #FFB8DE, #C78C6C, #AE7A96, #332C28)
• Olive Chapel color palette (#FFF1F4, #AF86BE, #717714, #42517F, #52394C)
• Ancient Pier color palette (#FAF5E3, #C895B8, #A66537, #345F76, #56423E)
• Bronze Lantern color palette (#FFF2EE, #AD6C70, #8A621F, #005364, #3C2D28)
• Weathered Mulberry Veranda color palette (#FFF1F1, #ED6BBF, #5E6D00, #960071, #221D00)

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