Hazy Field color palette — #DEDBF0 · #C06AD1 · #337200 · #00568C · #1C162F

Wisteria and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#DEDBF0): A whisper-light, dusty violet — the color of a velvet chair.
• Wisteria (#C06AD1): A luminous, vivid pink — the color of peonies in June.
• Olive (#337200): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00568C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1C162F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

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

• Navy Coast color palette (#DFE0F1, #A069CC, #696700, #213498, #250D4B)
• Powdered Hollow color palette (#EAD6F1, #D53E79, #438500, #00568D, #24122A)
• Violet Alley color palette (#D9DDF1, #8E62DC, #896E00, #005E65, #161831)
• Muted Cornflower color palette (#D3DFF2, #4E75F0, #478400, #2F4AA1, #0E1A2F)
• Airy Station color palette (#E9EEFF, #8F7EDF, #009772, #5F549B, #20253B)
• Gentle Peony Lagoon color palette (#C4E8D6, #D068AC, #9C5300, #004C76, #311935)
• Faded Byzantium Courtyard color palette (#E9E4FC, #A72FB1, #00715B, #3C2B94, #1A021C)
• Antique Peony Hollow color palette (#FFF1F2, #C85CA9, #008A75, #005B4D, #14000E)

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