Hazy Garden color palette — #FFF1F2 · #C28CB0 · #0FA17C · #A13185 · #004F3B

Magenta Rose and Fern set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Dusty Rose (#C28CB0): A luminous, balanced pink — the color of a candy shop window.
• Fern (#0FA17C): A luminous, balanced teal — the color of shallow lagoons.
• Magenta Rose (#A13185): A full-bodied, vivid pink — the color of peonies in June.
• Forest (#004F3B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Creativity, Balance. Tagged warm.

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

• Quiet Emerald Garden color palette (#F5EEFE, #D785B6, #17A76A, #954276, #00301B)
• Gentle Grape color palette (#FFF1F6, #A794CA, #5E9B5F, #744EA9, #294C2A)
• Misty Loft color palette (#FFF2EC, #CE8B82, #009F90, #B0322A, #004E46)
• Pale Orchard color palette (#FFF1F1, #E59EC7, #4CC787, #AF538D, #41433C)
• Lagoon Hollow color palette (#FFF2F0, #B3728B, #07916B, #007174, #502D2A)
• Aged Raspberry Balcony color palette (#FFDBD5, #D74979, #00817B, #920045, #003633)
• Worn Cocoa Lantern color palette (#FFF2E9, #B8A387, #93664D, #773E42, #3F3D36)
• Mallow Field color palette (#F7F3FF, #FDADEB, #6CD4B9, #CB82BB, #0F4E40)

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