Hazy Olive Summit color palette — #F1EED3 · #8AAC4F · #3C7D28 · #005A3C · #00404A
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1EED3): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#8AAC4F): A luminous, balanced green — the color of fresh herbs.
- Olive (#3C7D28): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#005A3C): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#00404A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Olive Summit 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
- Emerald Workshop color palette (#DCECCF, #87BE77, #349440, #007837, #00482C)
- Hazy Jade color palette (#DDF2D3, #55AF78, #008468, #005456, #0F374F)
- Powdered Pine color palette (#DBE3D3, #6AA059, #138123, #004A23, #002414)
- Washed Amber Courtyard color palette (#F6E5D2, #BA9633, #727400, #375800, #154925)
- Sunlit Emerald Villa color palette (#DAF5F3, #4DA26F, #9562A3, #006839, #472650)
- Antique Coast color palette (#DAEFDA, #A19769, #7E5D28, #62381E, #10382D)
- Weathered Sky color palette (#E1FCF8, #9FEAD9, #70B9E0, #6F7842, #1B4B50)
- Weathered Harbor color palette (#F0E0D3, #DAB2FF, #00AB6F, #193845, #0F2424)
Browse the whole catalog at Explore, or see today's palette.