Cocoa Courtyard color palette — #FDDDEE · #AF784F · #853D0D · #591700 · #190A00

Bronze takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FDDDEE): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#AF784F): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#853D0D): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#591700): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#190A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Hushed Terrace color palette (#E8F3E7, #9F814F, #764A00, #4B2600, #001305)
• Hushed Garnet color palette (#FFF0F8, #D5A97B, #A76240, #732B2F, #191100)
• Lowlit Chestnut Pier color palette (#F5DFE8, #754509, #431E00, #1E0600, #020100)
• Worn Bronze Villa color palette (#E8F6E9, #94B59D, #8C703E, #64451C, #13281C)
• Aged Pewter Thicket color palette (#FDEDF6, #CDB2BF, #97788A, #6A4D62, #37272D)
• Cocoa Harbor color palette (#D3EBF3, #006467, #5C3D00, #252C00, #000404)
• Weathered Emerald Balcony color palette (#D3E6F1, #619F5D, #003F51, #00151D, #000204)
• Aubergine Archive color palette (#D9EEFF, #006C9A, #713A81, #004224, #000911)

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