Olive Studio color palette — #FAF5E5 · #C0EBCC · #8EA77B · #717E38 · #393932

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

The five colors

• Cream (#FAF5E5): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#C0EBCC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8EA77B): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#717E38): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#393932): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Olive Studio 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 Olive color palette (#EAF5EE, #95BEAE, #60804F, #2F604E, #052F24)
• Patina Basalt color palette (#FCF4E5, #D1DBAB, #99B68A, #889678, #4D4200)
• Softworn Celadon Lagoon color palette (#F9F6E1, #B9DE93, #67995D, #536A54, #2A290F)
• Antique Forest Orchard color palette (#F7F7DD, #76B472, #1B713F, #00444D, #070800)
• Hazy Moss color palette (#E5E2CB, #64A12F, #095E10, #003520, #000200)
• Patina Thicket color palette (#E2E7D7, #00906A, #00473B, #002120, #000201)
• Wisteria Meadow color palette (#FFF0FE, #93BCFF, #D090D1, #46A2A1, #352534)
• Cerulean Pier color palette (#F3F7EC, #C1E0F4, #96BEEE, #488BAB, #4D364C)

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