Hazy Field color palette — #F5E3F2 · #5473B5 · #1E7837 · #005044 · #040D2A

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

The five colors

• Blush (#F5E3F2): A whisper-light, dusty pink — the color of neon signs at night.
• Slate (#5473B5): A full-bodied, balanced violet — the color of wild irises.
• Olive (#1E7837): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#005044): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#040D2A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Indigo Meadow color palette (#F6E3EA, #8263AB, #00746D, #004C5E, #200512)
• Aged Orchard color palette (#D7F0E3, #0081A2, #6A6900, #1B5100, #00150B)
• Wandering Plum color palette (#F3EAFD, #A74985, #556B00, #004E59, #2B2235)
• Worn Olive Dune color palette (#F7F0DA, #726F00, #006966, #004353, #0C0B00)
• Smoked Pier color palette (#F6DAEA, #4C3AAA, #00513A, #002E31, #020010)
• Pale Moss color palette (#FFF1F4, #C083CE, #71983C, #006B7E, #270913)
• Softworn Peony Market color palette (#FFEDEE, #B16AA1, #1B819E, #23528C, #2C1014)
• Patina Emerald Balcony color palette (#FEE7F1, #CB7733, #40972D, #007256, #351E29)

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