Olive Workshop color palette — #F5ECBA · #ABB37E · #538842 · #00542D · #00281E

Olive Leaf takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F5ECBA): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#ABB37E): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#538842): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#00542D): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Forest (#00281E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Muted Olive color palette (#FFECF2, #C5AE77, #807D17, #435300, #032E03)
• Worn Lagoon color palette (#D3FBD3, #7AC1A2, #0A9081, #005258, #002530)
• Softworn Olive Coast color palette (#FFEFE2, #BAAD62, #548C2F, #00614C, #00474B)
• Navy Drift color palette (#E5F8E8, #9CA266, #387B4F, #403A84, #002A22)
• Olive Bloom color palette (#EDF4F0, #CFD9DA, #AEC0C5, #7C7833, #213029)
• Ancient Chapel color palette (#E1E8D4, #50A938, #007344, #003B33, #001515)
• Faded Veranda color palette (#E3F7F1, #EAD390, #A3C45E, #00B287, #082806)
• Olive Field color palette (#ECECD6, #466F00, #004410, #001E14, #000201)

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