Hazy Grape color palette — #EDF1FF · #9286F5 · #958300 · #5C22DB · #262100

Iris and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF1FF): a clean, paper-quiet neutral.
• Lavender Blue (#9286F5): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#958300): A luminous, balanced green — the color of fresh herbs.
• Iris (#5C22DB): A full-bodied, vivid violet — the color of wild irises.
• Onyx (#262100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Hazy Grape 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

• Pale Pier color palette (#EFF0FF, #C088FF, #689000, #691FA4, #192500)
• Nightshade Lagoon color palette (#FFF0F9, #9296FF, #818500, #4339A6, #3C3E00)
• Worn Aubergine color palette (#DFE3F7, #8B64D5, #647400, #56169F, #101400)
• Periwinkle Bloom color palette (#E9F3FF, #63AAFF, #B26F00, #004F98, #301B00)
• Lapis Station color palette (#FFF0F8, #B9B6FF, #B09B00, #644ECB, #443B00)
• Sunlit Violet color palette (#E5E0FF, #8B63EC, #B35800, #00725C, #1A0F35)
• Linen Byzantium color palette (#F3F4FF, #CFBAFF, #D3AC07, #9445F7, #392D00)
• Soft Drift color palette (#F3EFFF, #CD88C6, #51A261, #8D4488, #0E2F15)

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