Olive Loft color palette — #F2F2CE · #4C7A00 · #005D79 · #1C3200 · #000102
Olive and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F2F2CE): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#4C7A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#005D79): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#1C3200): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
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
- Bronze Loft color palette (#F7EAD0, #816800, #00625F, #352A00, #000201)
- Washed Quarry color palette (#E3F0D0, #007F55, #004EB1, #003421, #000106)
- Nocturne Fern Canyon color palette (#D1F2E9, #405B00, #00455A, #182500, #00070C)
- Wandering Pine Terrace color palette (#DAE7CA, #007E59, #774900, #003423, #020100)
- Aubergine Grove color palette (#D1EDE4, #3E5500, #4F008B, #182300, #020007)
- Mulberry Atelier color palette (#E6E1D3, #756E00, #9D0044, #302C00, #040001)
- Timeworn Coast color palette (#D8E9D1, #579B2A, #245100, #172228, #020A00)
- Washed Jade color palette (#E3F6CE, #00AB7F, #AA6900, #005C42, #0E0500)
Browse the whole catalog at Explore, or see today's palette.