Olive Atelier color palette — #F5F2E2 · #9BAE5D · #C7716E · #5D6D00 · #421818
Built around Olive, softened by Coral Clay — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F2E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9BAE5D): A luminous, balanced green — the color of new leaves after rain.
- Coral Clay (#C7716E): A luminous, balanced orange — the color of sun-warmed clay.
- Olive (#5D6D00): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#421818): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Olive Atelier 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
- Softworn Pine color palette (#F0F4E4, #93C09F, #C1906F, #47805A, #36302B)
- Ancient Lagoon Dune color palette (#F8F1E1, #B1A563, #00A1A3, #746500, #002E2F)
- Muted Bloom color palette (#FEEFE3, #C1A68D, #956A4E, #6A402F, #311E07)
- Washed Grove color palette (#E6F9DC, #00B197, #AB7800, #006B5A, #2D1D00)
- Muted Moss color palette (#F5F4D6, #749C4B, #009193, #975B10, #211F05)
- Feathered Loft color palette (#E7FAF5, #8FAA6E, #8A7DC4, #4E7300, #433A67)
- Misty Pine Balcony color palette (#EFF5E1, #6BB788, #6690C4, #007845, #0C2848)
- Forest Lagoon color palette (#EFF4E5, #B3B884, #276242, #04301B, #0A0E02)
Browse the whole catalog at Explore, or see today's palette.