Hazy Field color palette — #F1F2D1 · #508400 · #00541F · #002F20 · #00120F

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

The five colors

• Custard (#F1F2D1): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#508400): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#00541F): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#002F20): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00120F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Washed Pine color palette (#D9EFD8, #008657, #005850, #002F31, #000E13)
• Softworn Bronze color palette (#EDE4D4, #7C6E00, #484D00, #092E00, #000E04)
• Washed Canyon color palette (#E3E3D2, #72A000, #007E39, #004B39, #00241F)
• Feathered Mulberry Study color palette (#DDEFEE, #22904D, #83065D, #00421D, #15000C)
• Lagoon Atelier color palette (#DAEDBB, #87B876, #219062, #005D4F, #003535)
• Washed Fern color palette (#CEE3E2, #74B8B9, #4F93C4, #3D5400, #00100A)
• Muted Corridor color palette (#F9ECE3, #D000C8, #008666, #000F10, #000202)
• Airy Garden color palette (#D5F0F0, #006943, #820075, #6D0046, #000502)

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