Hazy Hollow color palette — #FFF1F7 · #F3A772 · #5E9B5E · #00648A · #3C1D3F

Melon and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Melon (#F3A772): A luminous, balanced gold — the color of old brass.
• Fern (#5E9B5E): A luminous, balanced green — the color of fresh herbs.
• Peacock (#00648A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#3C1D3F): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Hushed Denim color palette (#E9FAED, #D8B668, #239F8B, #455798, #481828)
• Blush Lagoon color palette (#FBF1FD, #F79CAE, #9B893F, #006B62, #1F2654)
• Amber Corridor color palette (#FDF3EB, #C56F2C, #2A753B, #004D76, #4B2B45)
• Washed Indigo color palette (#F8F2FF, #EBA4D0, #8DAC5E, #826CC0, #562245)
• Timeworn Amber color palette (#E1FFE2, #CB8C00, #007F53, #00436B, #240025)
• Timeworn Amber color palette (#FFF1F5, #D18D36, #364C3E, #2A191E, #0A0307)
• Dusty Lagoon color palette (#E5FBF5, #8AB665, #00849E, #58377B, #3B0200)
• Lagoon Loft color palette (#F0F8F1, #D8D6E2, #8CC3E4, #399191, #2A4159)

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