Hazy Basin color palette — #FFF1F4 · #FF9F90 · #C87626 · #765500 · #333400

Built around Mustard, softened by Melon — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Melon (#FF9F90): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C87626): A luminous, balanced gold — the color of old brass.
• Coffee (#765500): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#333400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Gentle Amber color palette (#FFF2EF, #F3AF64, #AE8D00, #5D5D00, #15330D)
• Quiet Coral color palette (#FFF0FA, #FD9BBF, #DA6465, #8C3E00, #432A00)
• Frosted Amber color palette (#F0DCD8, #F19C73, #E47A14, #A86C00, #4B3600)
• Softworn Driftwood color palette (#FFF3E8, #DBC49E, #AF7E59, #7B4845, #282100)
• Wandering Amber Hollow color palette (#FFF2EF, #FFCFB1, #C29842, #747126, #353F11)
• Worn Ember Courtyard color palette (#F5D8D7, #E56225, #8F5200, #443600, #070A00)
• Weathered Canyon color palette (#FFF3E6, #FFC780, #B68C27, #653F00, #120A00)
• Washed Bronze Ridge color palette (#F9E3DB, #B56900, #694E00, #1D2200, #010700)

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