Olive Workshop color palette — #E9F9F4 · #A3B980 · #B187BB · #657C37 · #4D476A

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

The five colors

• Ivory (#E9F9F4): bright and airy, almost weightless.
• Sage (#A3B980): A luminous, balanced green — the color of new leaves after rain.
• Dusty Rose (#B187BB): A luminous, balanced pink — the color of peonies in June.
• Olive (#657C37): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4D476A): A full-bodied, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns 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

• Washed Balcony color palette (#F3F3E7, #A3BD8F, #AD8BCB, #587F32, #3A274A)
• Cypress Lantern color palette (#EAF9F9, #88BEA5, #C18789, #3B8265, #5C435C)
• Iris Quarry color palette (#EFF8EF, #CCA97C, #8994CF, #916A33, #414D66)
• Aged Orchard color palette (#ECF8F5, #B3CF9E, #C7A0D6, #6B9D39, #4C4867)
• Weathered Parlor color palette (#DDFDF6, #82A470, #A477A9, #975B74, #2A4943)
• Pewter Studio color palette (#FEF1F6, #A2C1A9, #977584, #6F536C, #384D45)
• Worn Powder color palette (#EAF9F4, #CBE3EF, #B9C3E7, #749178, #3A5352)
• Dusty Orchard color palette (#D6FEFF, #2ABE88, #A33CAD, #006E4B, #552259)

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