Hazy Garden color palette — #F9F6E7 · #F1E3A3 · #BBD663 · #63B65B · #37451D
A conversation between Clover and Honey, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F6E7): A whisper-light, dusty green — the color of a quiet forest floor.
- Peach Cream (#F1E3A3): A whisper-light, balanced green — the color of new leaves after rain.
- Honey (#BBD663): A whisper-light, balanced green — the color of a quiet forest floor.
- Clover (#63B65B): A luminous, balanced green — the color of new leaves after rain.
- Deep Olive (#37451D): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Softness, Clarity. Tagged candy, vibrant, light.
Use it as a design system
One click turns Hazy Garden 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
- Feathered Pine Veranda color palette (#F0F1C9, #95C48D, #51A768, #008047, #235740)
- Mustard Garden color palette (#F9F5E7, #FFC896, #C5BD41, #00AA8C, #3F3F38)
- Mint Balcony color palette (#F4F7EA, #CCEEA6, #5BE4CA, #00C99E, #3E4039)
- Celadon Lantern color palette (#E2FCF1, #EAEE88, #BEE0C9, #A2D38E, #11392F)
- Dusty Thicket color palette (#F4F7EB, #BECAA7, #5D9F86, #757548, #3A4A00)
- Lime Meadow color palette (#F5F9D8, #B3D800, #44D100, #009E73, #002F07)
- Wandering Moss Study color palette (#E7E5D5, #839B36, #515000, #2F2E27, #1B180E)
- Chalky Coast color palette (#EBFBE1, #79FFB5, #00E2BE, #00B1B6, #004238)
Browse the whole catalog at Explore, or see today's palette.