Dusty Courtyard color palette — #FFF1F4 · #FF84D0 · #FF4782 · #C6021C · #4B0017

Hot Pink takes the lead with Ruby close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bubblegum (#FF84D0): A luminous, vivid pink — the color of peonies in June.
• Hot Pink (#FF4782): A luminous, vivid red — the color of embers at dusk.
• Ruby (#C6021C): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#4B0017): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Creativity, Warmth, Comfort, Energy. Tagged candy, vibrant, light, warm.

Use it as a design system

One click turns Dusty 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 Rose Lagoon color palette (#FFF0FE, #FF8AAE, #FF5462, #AC3D00, #4E0307)
• Peony Bloom color palette (#F9F2FF, #FA81FC, #FD3BBA, #D5005C, #4A0B2C)
• Peony Study color palette (#FFECF1, #DB99FF, #FF369A, #A06200, #2C0002)
• Blush Dune color palette (#FFF1F4, #EFB8FF, #FF8DA8, #BC7400, #510E12)
• Hushed Study color palette (#FFEEF7, #FF7862, #D46500, #905F00, #391A00)
• Antique Ember Studio color palette (#FCE3E1, #FE452B, #AF3000, #6E2800, #4E2200)
• Sunlit Brick color palette (#F2DBED, #CE3761, #B70022, #622600, #070000)
• Softworn Magenta color palette (#F5F4FF, #C2A7FF, #D243FF, #C100A2, #42024A)

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