Olive Workshop color palette — #FBF0E1 · #ABAC6A · #3D7D00 · #663C59 · #282000
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FBF0E1): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#ABAC6A): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#3D7D00): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#663C59): A full-bodied, dusty pink — the color of peonies in June.
- Onyx (#282000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, 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
- Jade Hollow color palette (#F6F2DF, #7EB97D, #007E62, #653A65, #08280A)
- Hushed Villa color palette (#FDF4E3, #B1A637, #6A7000, #724423, #413C0C)
- Worn Forest Delta color palette (#ECE2D0, #85974E, #006821, #54283E, #161200)
- Tempered Hollow color palette (#F3F2E9, #95BFA2, #008878, #804127, #252A16)
- Emerald Harbor color palette (#E9FBEB, #BFC256, #5D9840, #875777, #1D4335)
- Worn Lime Cabin color palette (#F7F7B8, #A4B73B, #797800, #3B3B00, #121100)
- Hushed Chestnut Boulevard color palette (#F7F1E8, #CDC49D, #688F5E, #7E5A13, #33312A)
- Amber Basin color palette (#FFE7D6, #D98C00, #8E6F00, #474600, #1A2500)
Browse the whole catalog at Explore, or see today's palette.