Hushed Courtyard color palette — #FFF1F4 · #AE87BA · #BE716B · #3F79B8 · #523B41

A conversation between Cerulean and Caramel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Dusty Rose (#AE87BA): A luminous, balanced pink — the color of neon signs at night.
• Caramel (#BE716B): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#3F79B8): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#523B41): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Hushed 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

• Wandering Loft color palette (#FFF0FA, #8B94C6, #AB7697, #008596, #4F3C49)
• Ancient Ridge color palette (#FFF2EF, #C6818E, #AE7F3E, #8265AF, #533C37)
• Softworn Ash Chapel color palette (#FFF1F2, #E2D7D1, #E5C0A1, #A382AC, #5D4546)
• Patina Mulberry Atelier color palette (#FFF1F2, #DDB5D4, #A46F98, #703564, #502C48)
• Timeworn Emerald color palette (#FFECEF, #B889BB, #6F9C61, #4B885E, #352125)
• Pale Corridor color palette (#FEDBD7, #AD5B7C, #9D5900, #5F3BBA, #431C2C)
• Powdered Ultramarine color palette (#FFE0FA, #B357A9, #C23F0D, #1C43EB, #452041)
• Weathered Jade color palette (#F4F4FF, #C89FD9, #8EB269, #62A18D, #423F54)

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