Hazy Field color palette — #FFF2EB · #E0784F · #6A7100 · #004A66 · #1C0305

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Coral Clay (#E0784F): A luminous, balanced orange — the color of autumn markets.
• Olive (#6A7100): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004A66): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#1C0305): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, 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

• Hazy Coral Chapel color palette (#FFF2EE, #DC7183, #8D6800, #005856, #1F050E)
• Olive Ridge color palette (#FFF3E7, #BD7B32, #458628, #00538C, #220301)
• Softworn Veranda color palette (#FFF3E9, #C96F2F, #38342E, #1C0A00, #030100)
• Patina Balcony color palette (#FFF4E1, #F498A4, #AE6E00, #074CA3, #371705)
• Worn Alley color palette (#FFEDE8, #BE3150, #654E00, #362468, #150204)
• Muted Amber color palette (#FFF1F6, #FFB8B1, #D57739, #6F5100, #1F2100)
• Frosted Aubergine color palette (#F9F6E1, #798E00, #006470, #5B0075, #030200)
• Airy Nightshade Canyon color palette (#FFF4DC, #968100, #007640, #1300C8, #110100)

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