Tempered Olive Workshop color palette — #E8F5F2 · #9FBE8E · #B189CB · #567F3E · #2F2D47

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

The five colors

• Ivory (#E8F5F2): a clean, paper-quiet neutral.
• Sage (#9FBE8E): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#B189CB): A luminous, balanced violet — the color of a velvet chair.
• Olive (#567F3E): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2F2D47): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Olive Workshop 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

• Softworn Mint color palette (#F5F7E6, #8AC180, #A88BC0, #54804C, #61434D)
• Tempered Periwinkle Corridor color palette (#E9F6EC, #CBB070, #8299DC, #886E2D, #22314B)
• Softworn Blush Delta color palette (#E3F6FA, #6AC6B8, #DA7B8D, #1E8276, #3D2840)
• Softworn Meadow color palette (#DFF8F4, #7CAA77, #638CD9, #A26563, #162C29)
• Aged Powder Cabin color palette (#E2F7F3, #C3E1F0, #A3BFEA, #8A9367, #293A3A)
• Washed Driftwood Harbor color palette (#FDEDF3, #A6C5A8, #9E7B5B, #6C4D5F, #213026)
• Worn Mallow color palette (#E9F9F5, #D1F2B9, #E8B6F7, #84A66A, #46425B)
• Washed Cypress Corridor color palette (#EBF4F5, #D5C196, #217060, #02383E, #091618)

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