Hazy Moss color palette — #E3F8EE · #A4AB4D · #009FB4 · #666A00 · #002C3B
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#E3F8EE): A whisper-light, dusty teal — the color of sea glass.
- Moss (#A4AB4D): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#009FB4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#666A00): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#002C3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Moss 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
- Azure Quarry color palette (#E3F7F5, #6FB685, #3B92E1, #00793E, #062947)
- Weathered Moss color palette (#D8FBF1, #739D3A, #009292, #915E2B, #00251E)
- Weathered Iris color palette (#FAF5E1, #A0A747, #897BD0, #666B19, #423D61)
- Muted Pine color palette (#E3F7F4, #95C191, #CE8969, #4B8147, #402837)
- Bronze Coast color palette (#D3EFF4, #01A894, #9D7400, #006357, #261A00)
- Tempered Forest Delta color palette (#E7F5F3, #B8B77B, #1F652A, #002F2B, #00100E)
- Feathered Emerald color palette (#D2E7E3, #2EA104, #007AB0, #175C01, #001827)
- Hushed Drift color palette (#DFF8F1, #BBE3EE, #99DEB9, #7B8053, #17342F)
Browse the whole catalog at Explore, or see today's palette.