Hazy Basin color palette — #F0F8EA · #009F7B · #A04E00 · #644F00 · #1E1F00
A conversation between Ochre and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F0F8EA): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#009F7B): A luminous, balanced teal — the color of glacier melt.
- Ochre (#A04E00): A full-bodied, balanced gold — the color of honey in a jar.
- Bronze (#644F00): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#1E1F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Hazy Basin 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
- Tempered Brick color palette (#F5F7E6, #56954B, #A7414A, #713B00, #251B00)
- Tempered Fern color palette (#E8FBEC, #0098A4, #8C6900, #405E00, #142405)
- Faded Peony color palette (#E9F8FF, #00BDD5, #DE63A3, #846F00, #06212B)
- Muted Courtyard color palette (#EBF9F4, #6EB0E1, #7A8A57, #35765A, #28382D)
- Dusty Canyon color palette (#E4F6E2, #006460, #5E3A00, #242500, #000201)
- Powdered Cornflower color palette (#FFEFFF, #1385F5, #448000, #006555, #002836)
- Violet Basin color palette (#FFEBFA, #7690E6, #9254A4, #7E3345, #00313C)
- Quiet Balcony color palette (#FEF0FD, #3463A5, #722675, #493000, #092810)
Browse the whole catalog at Explore, or see today's palette.