Hazy Courtyard color palette — #FFF0FA · #FFC6DD · #FFAB93 · #B59800 · #502D00

A conversation between Mustard and Melon, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Shell Pink (#FFC6DD): A whisper-light, dusty rose — the color of pressed rose petals.
• Melon (#FFAB93): A luminous, balanced orange — the color of autumn markets.
• Mustard (#B59800): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#502D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, warm.

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

• Powdered Ridge color palette (#FFF1F5, #FFC5C9, #FCA237, #8EA900, #413000)
• Frosted Amber color palette (#FCF1FF, #F4BEFF, #FF9DBB, #D18800, #651205)
• Chalky Apricot color palette (#FFF2EA, #FFB3A8, #FF9263, #B36D00, #552E12)
• Frosted Apricot Coast color palette (#FFE7DF, #FE9D44, #B67B00, #786700, #3E4700)
• Ancient Mustard Drift color palette (#FFF2E9, #BEFAF9, #DFD3CB, #C3B90B, #331D00)
• Petrol Summit color palette (#FFD4E1, #F0AFA0, #A79457, #3E6EA4, #51386B)
• Lime Grove color palette (#F9F9C9, #FFB980, #B3BC00, #00AC84, #222C00)
• Pale Clover color palette (#EDF9EE, #FFD9D1, #FFC45F, #70C261, #144232)

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