Hazy Courtyard color palette — #F8D8EF · #F450A2 · #B7002C · #6F2800 · #4B2D00

A conversation between Hot Pink and Ruby, giving this palette its sense of optimism and warmth.

The five colors

• Thistle (#F8D8EF): A whisper-light, dusty pink — the color of a candy shop window.
• Hot Pink (#F450A2): A luminous, vivid rose — the color of pressed rose petals.
• Ruby (#B7002C): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#6F2800): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#4B2D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Washed Plum Chapel color palette (#ECDAFA, #D94DAF, #C00056, #86001C, #502400)
• Scarlet Studio color palette (#FAE2EA, #FF7195, #DF002F, #9B2B00, #5C2200)
• Worn Canyon color palette (#FAD6E4, #FC2267, #B10029, #630F00, #2A0B00)
• Pale Rose Bloom color palette (#F3D6EB, #FF79B2, #FF3639, #BA5000, #4A2C00)
• Coral Balcony color palette (#FFD3DA, #ED705C, #A75700, #6E4500, #464300)
• Soft Corridor color palette (#FFDCD0, #E73751, #007D98, #950027, #003441)
• Misty Ember color palette (#FFE4D8, #E56D36, #903A00, #4F1800, #330E00)
• Patina Amber Atelier color palette (#FFE9E9, #D26E50, #905100, #493A00, #132F0E)

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