Hazy Courtyard color palette — #FFDDE8 · #F71A69 · #D10027 · #831F00 · #250A00

Fuchsia and Crimson set the tone — five colors that lean into warmth and comfort.

The five colors

• Rose Water (#FFDDE8): A whisper-light, dusty rose — the color of pressed rose petals.
• Fuchsia (#F71A69): A luminous, vivid red — the color of a theater curtain.
• Crimson (#D10027): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#831F00): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#250A00): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Timeworn Garden color palette (#EBDCE5, #EC0092, #BE0055, #890023, #300200)
• Linen Raspberry Loft color palette (#F1DDE7, #D9316E, #940023, #3C0F00, #030100)
• Antique Scarlet color palette (#FFE5E6, #F52D12, #B64300, #6D3600, #1F0E00)
• Washed Corridor color palette (#F0DBD2, #FC3220, #00909F, #B90C00, #001316)
• Muted Ember Station color palette (#F9DADF, #FF8788, #F44100, #A64800, #502B00)
• Misty Scarlet color palette (#F1D9D2, #D94000, #008B53, #5257C1, #150200)
• Mustard Market color palette (#F8DFD9, #EFA364, #CBA300, #B45868, #230F00)
• Amber Boulevard color palette (#F0E1DB, #D06F00, #976200, #604700, #151000)

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