Hazy Moss color palette — #EAF0E1 · #47B33D · #007B4E · #00352E · #000303
Built around Clover, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#EAF0E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#47B33D): A luminous, vivid green — the color of a quiet forest floor.
- Pine (#007B4E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#00352E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000303): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Dusty Teal color palette (#D3ECDA, #00B492, #006F6A, #003A44, #000407)
- Moss Basin color palette (#ECE4D0, #AFA700, #4D6F00, #003F0F, #000503)
- Hushed Boulevard color palette (#F3EFCF, #5A8600, #00552B, #002722, #000507)
- Muted Studio color palette (#FFEBCC, #5B9E28, #006352, #3D0064, #000601)
- Moss Boulevard color palette (#EEE1BF, #97AB00, #00955A, #006263, #001A27)
- Frosted Thicket color palette (#F1FAD7, #D7DB00, #00C348, #008784, #000602)
- Dusty Mint Corridor color palette (#DDFFE8, #00D9B5, #00928E, #00505D, #001D2A)
- Misty Summit color palette (#C3EFBC, #59B597, #007D88, #54375A, #280A07)
Browse the whole catalog at Explore, or see today's palette.