Hazy Grove color palette — #F5F2E4 · #A3AB60 · #7188DB · #646B00 · #1C2546
Lavender Blue takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F5F2E4): a clean, paper-quiet neutral.
- Sage (#A3AB60): A luminous, balanced green — the color of a quiet forest floor.
- Lavender Blue (#7188DB): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#646B00): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#1C2546): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Grove 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
- Weathered Quarry color palette (#FDF5DF, #AFA230, #857ECA, #716700, #403D62)
- Frosted Iris color palette (#FBF0E3, #CA995D, #7D7FE9, #8A5800, #381C2F)
- Iris Alley color palette (#EEF5E4, #67B790, #867DE3, #007850, #3B1A2F)
- Powdered Peony color palette (#F8F1E4, #B9A34B, #BE69B7, #776300, #3F1A21)
- Hushed Cerulean Courtyard color palette (#FDEFE3, #D5935D, #0D9ACC, #955000, #002C3D)
- Patina Mustard color palette (#E3FCEF, #C6BC3F, #999CE6, #8A832C, #3C3E65)
- Hazy Corridor color palette (#FBF1DB, #A38D10, #906ABC, #785B9A, #261D06)
- Bronze Drift color palette (#FAF1DE, #A0B485, #83752F, #68431C, #202610)
Browse the whole catalog at Explore, or see today's palette.