Hazy Grove color palette — #FFF1F4 · #C98CE2 · #6C7F00 · #314388 · #0C1542

A conversation between Wisteria and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Wisteria (#C98CE2): A luminous, balanced pink — the color of neon signs at night.
• Olive Leaf (#6C7F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#314388): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#0C1542): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Dusty Loft color palette (#FFF1F6, #B58CFC, #767E00, #005365, #001F28)
• Chalky Pine Terrace color palette (#FFF1F1, #E383BC, #1C8B3B, #5A347F, #240E38)
• Sunlit Blush color palette (#FFF2EF, #F07B9F, #00897D, #0A488E, #001A3E)
• Aged Bronze color palette (#FEF0FE, #6EA9F2, #AC6000, #00516B, #001E2F)
• Blush Station color palette (#FCECFB, #FF898D, #9B9919, #008083, #2A2253)
• Aged Study color palette (#FBF4ED, #C3E3F7, #849FFF, #007F7F, #332749)
• Feathered Plum color palette (#F6EEFF, #AB5389, #5B5700, #004156, #1F245B)
• Pale Bloom color palette (#FFEDF1, #A64BC3, #3D5700, #2A0064, #02000B)

Browse the whole catalog at Explore, or see today's palette.