Hushed Cocoa Courtyard color palette — #F4EFFB · #B88DA7 · #9A6056 · #654600 · #1D2D01

Bronze takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F4EFFB): bright and airy, almost weightless.
• Dusty Rose (#B88DA7): A luminous, dusty pink — the color of a candy shop window.
• Walnut (#9A6056): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#654600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#1D2D01): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Softworn Ridge color palette (#F3F0FB, #BD89AF, #9E5D56, #664500, #282143)
• Aged Field color palette (#F9EEF9, #C47274, #8D5615, #444400, #002612)
• Garnet Alley color palette (#EDF2FE, #9597C7, #8C6187, #7B3036, #3B2000)
• Pewter Balcony color palette (#F3EFFF, #C3BCCC, #9C8EA0, #7C5763, #344839)
• Tempered Bronze color palette (#ECF7FD, #92D8EC, #BF84AE, #7C6A09, #004146)
• Antique Ridge color palette (#EDF8F4, #65A0C3, #A1575C, #1B623E, #41443D)
• Peony Courtyard color palette (#FCF2F6, #BAA5DE, #C16D93, #8F5942, #523852)
• Airy Brick Harbor color palette (#F5EEFF, #C154A2, #AD001A, #513100, #171A00)

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