Olive Loft color palette — #DFF4E4 · #7F7F35 · #2F4400 · #001F2B · #010100
Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DFF4E4): A whisper-light, dusty teal — the color of glacier melt.
- Olive Leaf (#7F7F35): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#2F4400): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Midnight (#001F2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Lagoon Market color palette (#DFF3F0, #3D8C67, #00473C, #002025, #000201)
- Charred Fern color palette (#EADFCD, #626100, #213100, #001A25, #060600)
- Aubergine Basin color palette (#D7E6D9, #969148, #435600, #340A69, #010100)
- Weathered Fern Ridge color palette (#EBDAE2, #A6841D, #556C00, #5A366F, #000802)
- Worn Pine Coast color palette (#E7FBF2, #AAC593, #488755, #28537F, #001E18)
- Frosted Loft color palette (#EEEEFF, #844EA8, #485E00, #41005F, #010100)
- Dusty Navy color palette (#E5FBF6, #72B386, #007158, #2A3377, #000B03)
- Hushed Aubergine color palette (#E7FBEB, #CBC77F, #719110, #6A3198, #221F00)
Browse the whole catalog at Explore, or see today's palette.