Olive Loft color palette — #D4F6DA · #AFA663 · #787C00 · #4F6700 · #32542C
A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D4F6DA): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#AFA663): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#787C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#4F6700): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#32542C): A full-bodied, dusty green — the color of fresh herbs.
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
- Bronze Corridor color palette (#FFE2EB, #C19B5C, #957700, #605A00, #294E31)
- Tempered Pine Harbor color palette (#E2EDC0, #8EAB71, #458840, #00673F, #00503D)
- Weathered Canyon color palette (#D7FFF5, #9CBF8E, #61823A, #244D00, #1E3100)
- Frosted Boulevard color palette (#EAF9F3, #99A865, #8D7CC4, #5F6E00, #453A65)
- Feathered Moss color palette (#FFE5C9, #E1BA6C, #979F00, #4E8041, #464841)
- Antique Bronze Chapel color palette (#E3FBF5, #BCE3EF, #81D2C8, #887D3C, #355753)
- Plum Pier color palette (#DFFDF4, #7B9256, #2A80C2, #AD385B, #0E4137)
- Washed Orchard color palette (#F3F0DB, #6A6A00, #3C4900, #0F2700, #00120E)
Browse the whole catalog at Explore, or see today's palette.