Hazy Courtyard color palette — #F7F6E4 · #80BA50 · #7190DF · #9C4F7F · #2F1B00

Clover takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#80BA50): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#7190DF): A luminous, balanced violet — the color of wild irises.
• Magenta Rose (#9C4F7F): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#2F1B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Washed Study color palette (#FAF5E4, #C2C33A, #4F87D7, #925897, #2F1B07)
• Patina Mint Cabin color palette (#F3F7EA, #82CC97, #A095D7, #B66876, #302714)
• Softworn Mint color palette (#FBECD5, #7ED095, #29ACA8, #8E6195, #2E322B)
• Wandering Mulberry color palette (#EBFAE7, #00A294, #007D7D, #752C6D, #242002)
• Dusty Raspberry color palette (#DAF2E4, #00B1D3, #CD4A76, #8B5D00, #0C1300)
• Ancient Orchid color palette (#DFF3D5, #00B79D, #BE39F8, #CC0B1D, #1B1B00)
• Patina Corridor color palette (#E7E9CE, #0BA12C, #594EE4, #9A0055, #0A0500)
• Peony Delta color palette (#E4FDE9, #00C2D7, #F057AC, #B46200, #212803)

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