Olive Workshop color palette — #F5F0E1 · #7A7F00 · #3B4B00 · #402100 · #0B0700

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

The five colors

• Cream (#F5F0E1): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#7A7F00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3B4B00): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#402100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0B0700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Timeworn Pine Balcony color palette (#E4E4D0, #2B8F36, #00522C, #332900, #070900)
• Olive Summit color palette (#F1F3D3, #707000, #00646E, #393900, #000A0C)
• Fern Lantern color palette (#DFEDE4, #778042, #295000, #4E1C19, #1A1D00)
• Washed Lime Hollow color palette (#F9F1DF, #A8B03F, #5D7600, #534D24, #282000)
• Mint Thicket color palette (#DCE5C8, #90C478, #489664, #535400, #091200)
• Hushed Harbor color palette (#E7E8C3, #4EAD54, #006D3C, #4A3D00, #001D03)
• Frosted Harbor color palette (#FFF4E0, #9AAD48, #06741D, #572B42, #0A0700)
• Worn Forest Bloom color palette (#F4EBDC, #859C62, #00734B, #573565, #141F00)

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