Olive Loft color palette — #F1F1D5 · #A99B00 · #478D00 · #006D57 · #001909
Built around Olive Leaf, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F1D5): A whisper-light, dusty green — the color of fresh herbs.
- Mustard (#A99B00): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#478D00): A full-bodied, vivid green — the color of a quiet forest floor.
- Pine (#006D57): A full-bodied, balanced teal — the color of sea glass.
- Ink (#001909): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Faded Station color palette (#E9EDDD, #799100, #008145, #00595F, #000B07)
- Worn Lantern color palette (#E8E9D6, #D88500, #589300, #006C7E, #000603)
- Amber Studio color palette (#E8E0CA, #DE8600, #948600, #1A7209, #181B00)
- Worn Cabin color palette (#E7DFD1, #77813B, #295000, #382E00, #1A1D00)
- Patina Garden color palette (#DEF6DD, #00925A, #005740, #003730, #001E29)
- Gentle Clover color palette (#CFECE4, #ED9500, #2ABB1F, #008895, #001A12)
- Clover Boulevard color palette (#D7E7D2, #00BA65, #00968B, #006078, #001E20)
- Tempered Aubergine Villa color palette (#E4EED9, #5F9C76, #00686A, #4C2D62, #422035)
Browse the whole catalog at Explore, or see today's palette.