Hazy Olive color palette — #FFF4DD · #AAA851 · #657100 · #714045 · #3F3D01
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
- Sage (#AAA851): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#657100): A full-bodied, balanced green — the color of fresh herbs.
- Cocoa (#714045): A full-bodied, dusty red — the color of late-summer berries.
- Deep Olive (#3F3D01): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Hazy Olive 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
- Hushed Atelier color palette (#F6F7E2, #82B182, #007E46, #6D4729, #3A3B34)
- Wandering Fern color palette (#EEE4CF, #938F43, #525B00, #5F2B2E, #322803)
- Hushed Corridor color palette (#FBF0E3, #AFAA74, #4F7A00, #4D407D, #252100)
- Weathered Moss color palette (#E8FBE8, #C4BE73, #6B953F, #675F9D, #403C06)
- Softworn Chapel color palette (#FBF4E9, #CDBFA1, #957F37, #8E5629, #614900)
- Softworn Cypress color palette (#F1F9E1, #6DB498, #007B68, #1E5772, #0E4533)
- Moss Quarry color palette (#E9FAEF, #D5D478, #9EB043, #B87278, #3E3D0E)
- Gentle Grove color palette (#E7E3CE, #648739, #195300, #521A01, #1E1C00)
Browse the whole catalog at Explore, or see today's palette.