Hazy Garden color palette — #FFF0F9 · #FFAC89 · #9A7900 · #B04400 · #020100

A conversation between Terracotta and Ochre, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Melon (#FFAC89): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#9A7900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Terracotta (#B04400): A full-bodied, balanced orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged duotone.

Use it as a design system

One click turns Hazy Garden 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 Hollow color palette (#FFF0FD, #FFA8A3, #B66800, #C90027, #030100)
• Worn Honey color palette (#E9FBE8, #FEB23C, #768800, #915F00, #010200)
• Moss Orchard color palette (#EEF9ED, #FFCF92, #9F9500, #AB6F00, #000E06)
• Bronze Archive color palette (#F2DCE4, #AD6700, #413E00, #402300, #000201)
• Chalky Studio color palette (#FFF3E8, #FEB13A, #AB7B00, #5C4900, #1B1700)
• Soft Lagoon color palette (#FFEBFA, #FFA99A, #AE9C00, #FE3422, #151200)
• Marigold Workshop color palette (#FFF4DD, #E89500, #8A7000, #00543A, #231500)
• Frosted Ember color palette (#FAE9E2, #F35B48, #655D00, #920700, #040400)

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