Tempered Olive color palette — #F3EAFF · #DA7DBC · #368227 · #006D7C · #2A2235

Built around Olive Leaf, softened by Bubblegum — the whole palette hums with nature and growth.

The five colors

• Blush (#F3EAFF): A whisper-light, dusty violet — the color of a velvet chair.
• Bubblegum (#DA7DBC): A luminous, balanced pink — the color of neon signs at night.
• Olive Leaf (#368227): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#006D7C): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#2A2235): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

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

• Blush Basin color palette (#F7EEFD, #D2719B, #707900, #00577A, #32204E)
• Ancient Wisteria Field color palette (#F0EBFF, #BE6CBB, #948000, #007063, #282237)
• Blush Meadow color palette (#FFF1F0, #E570AA, #6B9859, #006D74, #29090A)
• Hushed Rose color palette (#FAE8F9, #E15D68, #A67700, #007252, #311F31)
• Feathered Coral Basin color palette (#FFF0FD, #DF7F7D, #63A165, #0079A3, #3D2C3C)
• Faded Pier color palette (#F7E8FE, #DC5C8D, #0090A4, #006D7C, #2E2034)
• Periwinkle Thicket color palette (#E4F0FF, #61A3FB, #737400, #006D7A, #15273D)
• Antique Bronze Hollow color palette (#D9F7E3, #DF8194, #A96500, #0C5990, #3F273A)

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