Olive Loft color palette — #F4F8E5 · #A2E4D9 · #81BCD8 · #78761E · #304A07
A conversation between Walnut and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F8E5): A whisper-light, dusty green — the color of new leaves after rain.
- Sea Foam (#A2E4D9): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#81BCD8): A luminous, dusty blue — the color of open sky before noon.
- Walnut (#78761E): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#304A07): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged pastel, light, 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
- Weathered Summit color palette (#FBF5E0, #D6E0B4, #78C4C7, #885E00, #424100)
- Weathered Pine Hollow color palette (#E8FCE6, #BDE2D3, #A2B2EB, #167B51, #294834)
- Dusty Loft color palette (#F1F8EA, #C3E7E0, #A1D2FD, #6C8E5D, #44553E)
- Weathered Pine color palette (#E0F7F7, #B6ECD8, #5CC9C4, #468049, #002729)
- Azure Studio color palette (#DAE3C1, #7FC3C4, #1698D9, #414F00, #002F24)
- Aged Cocoa color palette (#F2E6D7, #A59665, #825B26, #712C00, #2F340A)
- Washed Bloom color palette (#E4F5E0, #69B3C6, #4F78C5, #004E1E, #001D1E)
- Washed Glacier color palette (#D5FFFB, #9EF1F9, #B1CDFA, #A6AB7B, #1C4646)
Browse the whole catalog at Explore, or see today's palette.