Hazy Field color palette — #E9E0F2 · #7800B2 · #3E4E00 · #153C00 · #020006

Built around Plum, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Frost (#E9E0F2): A whisper-light, dusty violet — the color of wild irises.
• Plum (#7800B2): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#3E4E00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Forest (#153C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Airy Grape Atelier color palette (#DFE0FD, #540DD8, #524600, #213A00, #010009)
• Faded Mulberry Boulevard color palette (#F1E3EC, #920076, #00552B, #003B2D, #040002)
• Inked Aubergine color palette (#EBEBFA, #5D0184, #492C00, #002B29, #040008)
• Softworn Ultramarine color palette (#E4EFFF, #004BB6, #613E00, #3E3000, #000106)
• Pale Drift color palette (#EADFF5, #AD4EF1, #007B5A, #2F6100, #030009)
• Raspberry Villa color palette (#FFD3E5, #D7008B, #007E5B, #006259, #050002)
• Worn Rose Station color palette (#FFD2E3, #E19AC8, #D35A62, #33487F, #040004)
• Byzantium Garden color palette (#D8E7D0, #00A1C6, #8D00C6, #1C080B, #040001)

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