Olive Loft color palette — #F5EFD1 · #859600 · #257300 · #004D3E · #003636
A conversation between Olive and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Custard (#F5EFD1): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#859600): A luminous, balanced green — the color of fresh herbs.
- Olive (#257300): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#003636): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Ancient Moss color palette (#E6EAD6, #41AD00, #00734B, #004A48, #0C2E43)
- Frosted Bronze color palette (#FFEBD9, #A68300, #6A6900, #164F00, #003B25)
- Pine Grove color palette (#E5EBCE, #1C7407, #004330, #001E1C, #000A0D)
- Linen Emerald Summit color palette (#F9EFCC, #9BC08C, #489D60, #1F7563, #3D5442)
- Linen Jade color palette (#A3FFDD, #00AF8A, #00673F, #003A2C, #001F15)
- Periwinkle Corridor color palette (#E0FFD3, #49E3CE, #66A7FF, #776200, #06422E)
- Chalky Bloom color palette (#F5D9B6, #9A9100, #7A5200, #672300, #173100)
- Tempered Plum color palette (#E8E7C9, #669600, #C90074, #3B5900, #580030)
Browse the whole catalog at Explore, or see today's palette.