Olive Loft color palette — #F0EBBE · #8AB469 · #378D1D · #23652C · #294F36
Built around Olive Leaf, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Custard (#F0EBBE): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#8AB469): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#378D1D): A full-bodied, vivid green — the color of a quiet forest floor.
- Pine (#23652C): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#294F36): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Olive Loft 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
- Muted Atelier color palette (#EFFBD9, #7BC39C, #008757, #005636, #003C25)
- Dusty Olive Boulevard color palette (#F4E0B7, #B9AC51, #817E00, #575D00, #3B4D2D)
- Softworn Dune color palette (#F6E7B4, #D0D487, #82C17F, #459D77, #07524B)
- Amber Balcony color palette (#F4F7E9, #6FB273, #C86E3F, #2D7736, #5E3724)
- Ancient Jade Orchard color palette (#DFEEDF, #00B260, #00764D, #004B37, #003035)
- Seafoam Parlor color palette (#F1F9E5, #B0E5E3, #6AD7D1, #5A835D, #415A19)
- Dusty Emerald color palette (#EFFAE0, #20A071, #0087B0, #7B6800, #363932)
- Muted Orchard color palette (#D9F5EE, #00B0A2, #008080, #005A5E, #00444B)
Browse the whole catalog at Explore, or see today's palette.