Olive Workshop color palette — #F2F7ED · #FFD3C2 · #65B091 · #5E7737 · #282D22

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

The five colors

• Ivory (#F2F7ED): a clean, paper-quiet neutral.
• Shell Pink (#FFD3C2): A whisper-light, dusty orange — the color of autumn markets.
• Jade (#65B091): A luminous, balanced teal — the color of glacier melt.
• Olive (#5E7737): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#282D22): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Washed Workshop color palette (#F8F5EC, #FAD8AA, #A5A25D, #816B20, #2E2B22)
• Lagoon Lantern color palette (#EDF8F7, #E5CE9F, #538D60, #265653, #1F2F2E)
• Patina Lagoon Ridge color palette (#ECFAEB, #FFBBB3, #00A39F, #006A67, #0F1F0E)
• Lilac Dune color palette (#F3F7EC, #84CA9C, #A79DEB, #A47F57, #32342D)
• Timeworn Courtyard color palette (#F3F6F0, #D3DDDC, #BAB6AC, #7DBCC5, #4F544C)
• Wandering Sky color palette (#FFF2EB, #9EE1C4, #72B6E7, #B27D69, #3D4C3D)
• Washed Blush Workshop color palette (#D2E4D3, #F69AA4, #008A8F, #005356, #001002)
• Ancient Garden color palette (#E1F3E9, #EB7EA0, #007293, #003F53, #000302)

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