Hazy Field color palette — #D2E7DC · #736B00 · #005153 · #330875 · #400409

Built around Royal Purple, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D2E7DC): A whisper-light, dusty teal — the color of sea glass.
• Olive (#736B00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#005153): A deep, shadowed, dusty teal — the color of sea glass.
• Royal Purple (#330875): A deep, shadowed, balanced violet — the color of a velvet chair.
• Espresso (#400409): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Powdered Dune color palette (#D1E7E2, #3A7B00, #004E63, #450063, #3C0D00)
• Navy Canyon color palette (#D9E6D8, #8F5C00, #00543D, #001A81, #40001F)
• Quiet Bronze color palette (#F4D9E5, #9E5100, #1B5500, #003341, #2B0A46)
• Faded Navy color palette (#D7EFDD, #846700, #193A9D, #321156, #110025)
• Patina Cypress color palette (#ECEDCF, #85AB75, #008165, #47446C, #412A45)
• Eclipse Forest Grove color palette (#D1F6F2, #005A20, #002D47, #270024, #0F0500)
• Misty Navy Studio color palette (#C7F2F1, #008353, #004A93, #5F003A, #2F2200)
• Bronze Boulevard color palette (#F1DEC5, #B07B00, #0068A5, #572B6F, #2F0A40)

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