Cocoa Courtyard color palette — #F9DAE8 · #A27242 · #7E3F00 · #521E00 · #130900

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

The five colors

• Shell Pink (#F9DAE8): A whisper-light, dusty rose — the color of a warm blush.
• Walnut (#A27242): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#7E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#521E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#130900): A deep, shadowed, dusty gold — the color of honey in a jar.

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

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

• Chestnut Loft color palette (#DAECDF, #8C7D40, #674F00, #422B00, #0D0C00)
• Antique Amber color palette (#F2E4D8, #BE7100, #763C00, #3B1400, #020100)
• Aged Bronze color palette (#FEEAF3, #8B5D00, #592900, #3D0102, #0F0B00)
• Gentle Bronze color palette (#FAD1DF, #C69C62, #A86600, #7D4000, #362600)
• Softworn Thicket color palette (#D4F0E0, #6D6200, #930064, #69001B, #060500)
• Tempered Villa color palette (#DDF5E7, #B9B87D, #978724, #775D00, #343A00)
• Hushed Pier color palette (#D1E7E7, #808B2B, #00442C, #00140A, #000202)
• Muted Lagoon Lagoon color palette (#DBEFF4, #009695, #00597F, #00504F, #000204)

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