Olive Studio color palette — #FFF4E2 · #ABA665 · #5D7400 · #773C43 · #3D3A34

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ABA665): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#5D7400): A full-bodied, balanced green — the color of new leaves after rain.
• Rust (#773C43): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal (#3D3A34): a grounded near-black with real depth.

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

• Pine Delta color palette (#FDF5DC, #93AF65, #167F21, #693F6A, #324019)
• Cypress Alley color palette (#F7F7E0, #74B486, #007C60, #6F4620, #3A3B35)
• Patina Harbor color palette (#F9E9D2, #A29337, #556200, #593D00, #352E00)
• Softworn Mustard color palette (#F9FBB7, #BAB600, #6C6A00, #414100, #282A00)
• Wandering Lapis Dune color palette (#FFF4DE, #BEA125, #5F50ED, #6D5B00, #32316F)
• Amber Archive color palette (#F6DCC4, #CF8900, #947000, #5C4F00, #3C4100)
• Wandering Chestnut color palette (#F9F5EC, #C9C1A2, #738A58, #806018, #5C4C00)
• Muted Market color palette (#EAFBE9, #C1C157, #589855, #61668B, #194433)

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