Hazy Field color palette — #F4F1D8 · #68841B · #5E00A7 · #243100 · #020007

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

The five colors

• Cream (#F4F1D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#68841B): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#5E00A7): A full-bodied, vivid violet — the color of wild irises.
• Deep Forest (#243100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Patina Mulberry Villa color palette (#ECEBCE, #5C871B, #7A0072, #1E3200, #030003)
• Hushed Ultramarine color palette (#F2EACA, #6A7200, #361BE5, #2B2E00, #00000B)
• Nocturne Courtyard color palette (#C8EDDF, #4E5700, #5E047C, #1F2300, #0D0015)
• Washed Pier color palette (#EAE6CE, #657400, #005B85, #282F00, #000103)
• Grape Dune color palette (#CEEDE3, #829E26, #7A35B2, #4A5D00, #0B0018)
• Hazy Courtyard color palette (#D7E4C3, #007F55, #9B0052, #003421, #040001)
• Mulberry Meadow color palette (#E1E0D2, #5D5700, #78006D, #58004C, #010100)
• Inked Meadow color palette (#E6E5CE, #3E5500, #004254, #172300, #000102)

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