Olive Studio color palette — #F4F4DC · #8EB073 · #C07865 · #4E712C · #43180E
Built around Olive, softened by Caramel — the whole palette hums with nature and growth.
The five colors
- Cream (#F4F4DC): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8EB073): A luminous, balanced green — the color of fresh herbs.
- Caramel (#C07865): A luminous, balanced orange — the color of toasted spice.
- Olive (#4E712C): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#43180E): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Ancient Taupe color palette (#EFF5E4, #8DC1A3, #C19165, #448060, #35302B)
- Peony Balcony color palette (#FCF0E0, #BF9E65, #BF6F9E, #825D00, #3D192F)
- Patina Cocoa Balcony color palette (#FCF0E4, #BFA789, #916D49, #694125, #2E2008)
- Aged Parlor color palette (#F7F2E2, #ABA767, #359EA7, #6E6708, #002E32)
- Hazy Balcony color palette (#E5FBF5, #8DAA78, #AA71B0, #437500, #553459)
- Worn Moss color palette (#E7FAF5, #A3C38B, #E9856D, #579300, #643226)
- Worn Emerald color palette (#F1F6D6, #5FA05C, #008FA0, #8D6107, #1E2007)
- Hushed Ridge color palette (#EEF4E8, #B0BA7D, #0C644B, #202C0F, #080F02)
Browse the whole catalog at Explore, or see today's palette.