Hazy Garden color palette — #FBF5DF · #ADDEA2 · #57BB95 · #9F77AE · #24441D
Jade and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBF5DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#ADDEA2): A whisper-light, balanced green — the color of new leaves after rain.
- Jade (#57BB95): A luminous, balanced teal — the color of shallow lagoons.
- Dusty Rose (#9F77AE): A luminous, balanced pink — the color of peonies in June.
- Forest (#24441D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Washed Studio color palette (#FBF4E8, #DCD6AF, #91B893, #AF8096, #4C4300)
- Softworn Teal color palette (#E7E5D6, #99C7A4, #29A690, #965D97, #0D3119)
- Emerald Corridor color palette (#F7F6E6, #B8E8AD, #2EAC58, #98582F, #1A3614)
- Emerald Workshop color palette (#E7DED1, #ACAB72, #599029, #894A79, #1D1C00)
- Antique Veranda color palette (#FFE7CC, #FFC076, #9F93FF, #219FE6, #462900)
- Feathered Hollow color palette (#FFF3E7, #DBEFBA, #A1EC97, #FF7F73, #574210)
- Clover Workshop color palette (#DFF9ED, #78BC63, #007F5B, #5E3E66, #002722)
- Garnet Study color palette (#EEEFDE, #4E9A7A, #00716D, #7E2510, #000804)
Browse the whole catalog at Explore, or see today's palette.