Olive Workshop color palette — #FBF5E0 · #9AAC6E · #4B780F · #535421 · #354010

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

The five colors

• Cream (#FBF5E0): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9AAC6E): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#4B780F): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#535421): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#354010): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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

• Misty Moss color palette (#F5ECC8, #829F38, #396900, #005124, #273300)
• Driftwood Bloom color palette (#F7F6EA, #C3C3A1, #808741, #5A6F2D, #525000)
• Worn Teal Parlor color palette (#F1F9E2, #57B897, #007B69, #1B5F3D, #383C35)
• Pale Clover Basin color palette (#E7FBF1, #C5D894, #82B84A, #8C8E42, #134438)
• Aged Teal color palette (#EBFBE2, #00AC93, #A37600, #006C5C, #4D3600)
• Lagoon Garden color palette (#E6EACF, #458B5E, #005238, #123810, #00220E)
• Sunlit Courtyard color palette (#D7F5D4, #00938E, #156EDA, #506B00, #003937)
• Lowlit Forest color palette (#E1E1D4, #366B3A, #00351B, #001C15, #000901)

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