Olive Workshop color palette — #E9F5F0 · #B0BB76 · #5F70B3 · #626C04 · #060E1D

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

The five colors

• Cream (#E9F5F0): bright and airy, almost weightless.
• Sage (#B0BB76): A luminous, balanced green — the color of new leaves after rain.
• Slate (#5F70B3): A full-bodied, balanced violet — the color of wild irises.
• Olive (#626C04): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#060E1D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone, 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

• Patina Mustard Alley color palette (#EBF5EE, #CBB162, #00839A, #7A6200, #021018)
• Hushed Cobalt color palette (#E8F5F6, #79C5AB, #6A6CB3, #00765C, #080D1C)
• Pine Balcony color palette (#EFF7F6, #8EBD8A, #007D8F, #117414, #092834)
• Antique Quarry color palette (#F7F5EE, #BFCC8B, #7C87D9, #7A8A00, #301D2A)
• Soft Byzantium Market color palette (#E4F6F8, #00C3A1, #98419E, #006B57, #0C031E)
• Garnet Canyon color palette (#FEEAFF, #73AC7E, #2A758F, #712D35, #00282D)
• Faded Meadow color palette (#E9FBBB, #7FBE9A, #008783, #004D63, #001B58)
• Aged Cypress color palette (#EBF4F4, #D1D9E1, #B6BDCE, #578065, #232F2E)

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