Olive Loft color palette — #F7F6EA · #A6C070 · #008EB1 · #627E00 · #001F12
Built around Olive Leaf, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F6EA): bright and airy, almost weightless.
- Sage (#A6C070): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#008EB1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#627E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#001F12): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Wandering Bronze color palette (#F9F5EC, #CAB367, #00948E, #896F00, #0B1D09)
- Softworn Orchard color palette (#F3F7ED, #7EC79D, #3C85C5, #008754, #001E18)
- Olive Villa color palette (#ECF9F4, #C2DD78, #0096CB, #6A8200, #00060E)
- Washed Courtyard color palette (#F4F7E9, #8DE19C, #00BAB7, #58AB69, #0F1C0E)
- Mulberry Meadow color palette (#FFEADF, #6CB577, #008793, #972236, #2E322B)
- Antique Forest Courtyard color palette (#EDF8F7, #6BAB79, #006C6D, #006029, #061C21)
- Hazy Terracotta Balcony color palette (#F3F3E3, #73A650, #4A6DBF, #8F2402, #3F2500)
- Tempered Indigo color palette (#EEF5E6, #00C993, #5A59FF, #007C59, #0A0738)
Browse the whole catalog at Explore, or see today's palette.