Hazy Field color palette — #F7F7E3 · #AFDD7F · #FBA392 · #8AAB67 · #5F352D
Pistachio takes the lead with Melon close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7F7E3): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#AFDD7F): A whisper-light, balanced green — the color of new leaves after rain.
- Melon (#FBA392): A luminous, balanced orange — the color of toasted spice.
- Moss (#8AAB67): A luminous, balanced green — the color of fresh herbs.
- Cocoa (#5F352D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Balance. Tagged light.
Use it as a design system
One click turns Hazy Field 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
- Quiet Seafoam color palette (#F2F8E5, #80E5AB, #F1AD6F, #66B186, #47413C)
- Misty Honey Harbor color palette (#FFF4DE, #E5CB6A, #F6A0BD, #B59D47, #5D3342)
- Hazy Lime Field color palette (#F5F9D7, #78D969, #40C9D9, #C89C5F, #383932)
- Moss Veranda color palette (#E3FBF5, #BCE399, #D7A5E9, #6F9944, #452E4E)
- Ancient Sand Lagoon color palette (#FFF3E8, #F3C898, #CEA27F, #A38065, #543600)
- Powdered Seafoam Boulevard color palette (#FEF4E2, #ECC767, #42D7C7, #BC9A3D, #33492C)
- Softworn Harbor color palette (#F1F8E8, #D5DC96, #62A584, #61645D, #1F2318)
- Aged Ridge color palette (#F4F8DD, #C2EEEB, #9AD8E0, #A4BA92, #4C5A12)
Browse the whole catalog at Explore, or see today's palette.