Hazy Olive color palette — #F5F2E2 · #94B46A · #397E17 · #005857 · #172600
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F2E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#94B46A): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#397E17): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#005857): A full-bodied, dusty teal — the color of shallow lagoons.
- Onyx (#172600): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Wandering Cypress Garden color palette (#EFF5DD, #73B998, #007D66, #005855, #1A2507)
- Olive Field color palette (#E3FDE7, #A5AB38, #397B1C, #454F71, #3B3E10)
- Ancient Forest color palette (#F1EFD9, #749A65, #006723, #004146, #051700)
- Softworn Moss color palette (#EFE3CB, #A19900, #596200, #6A2129, #191700)
- Gentle Lime Loft color palette (#DDFEF0, #A6CA5E, #67954B, #297773, #33401B)
- Hushed Moss color palette (#FFF3E4, #DFDD9B, #6DA43B, #6063A4, #302E28)
- Washed Market color palette (#F4F2EB, #CCC49F, #7A8A5F, #8D4E31, #33312A)
- Lagoon Delta color palette (#F2F3E8, #8DE1E0, #00949E, #006358, #002B32)
Browse the whole catalog at Explore, or see today's palette.