Hazy Garden color palette — #FFF2ED · #FF998A · #009C78 · #0D7DC4 · #341319

A conversation between Cerulean and Melon, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Melon (#FF998A): A luminous, balanced orange — the color of toasted spice.
• Fern (#009C78): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0D7DC4): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#341319): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Tangerine Quarry color palette (#FCE3D5, #FF6737, #00927A, #206DB2, #28080B)
• Frosted Apricot Coast color palette (#FFF3E7, #F68908, #00A4B2, #636AC8, #371020)
• Pale Grove color palette (#FFF4E2, #FFA977, #BF9800, #0088A5, #4C2E0B)
• Tempered Moss color palette (#FFF2EF, #FF71A9, #61B000, #008499, #21183B)
• Muted Delta color palette (#FFF3E8, #FF9B49, #35B630, #0081A7, #431A56)
• Antique Byzantium Chapel color palette (#FCEED0, #D0A91E, #0083BC, #8E46BE, #350904)
• Feathered Rose Pier color palette (#FFF2ED, #FA2457, #007E95, #006072, #30192F)
• Weathered Loft color palette (#F1DDC8, #C66C03, #007B86, #4347A8, #190006)

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