Hazy Hollow color palette — #E4F7F1 · #97AF5E · #9381C0 · #596E20 · #2B1F43

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

The five colors

• Ivory (#E4F7F1): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#97AF5E): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#9381C0): A luminous, balanced violet — the color of wild irises.
• Olive (#596E20): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#2B1F43): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Hazy Hollow 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

• Frosted Pine color palette (#DBF9F7, #6CB787, #AF78A9, #007843, #381B35)
• Wandering Olive color palette (#F6F6E7, #8EAA77, #8D7DC2, #477500, #443B62)
• Quiet Azure Pier color palette (#E9F6E8, #C69B5F, #5192D0, #875A00, #00284A)
• Worn Moss Atelier color palette (#F8F6E7, #AEC08A, #B494DA, #708D00, #4B395F)
• Washed Cabin color palette (#DBFAF2, #789A54, #4583C0, #A14C5C, #00251E)
• Patina Raspberry color palette (#D5FAFF, #00B198, #D44877, #006B5B, #42001B)
• Hushed Forest color palette (#E3F6F7, #C7B081, #2A614B, #002E30, #020F10)
• Dusty Seafoam Meadow color palette (#DCF9F3, #B3E7FB, #8AD4CB, #888754, #143834)

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