Cocoa Courtyard color palette — #FFF2F0 · #E1DBCB · #A9ACB7 · #C792A7 · #76391D

Bronze takes the lead with Dusty Rose close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1DBCB): A whisper-light, dusty gold — the color of honey in a jar.
• Ash (#A9ACB7): soft and architectural.
• Dusty Rose (#C792A7): A luminous, dusty rose — the color of strawberry cream.
• Bronze (#76391D): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Worn Courtyard color palette (#FFF1F2, #E5F3C6, #E4D7CC, #B7A7D5, #5E4440)
• Muted Blush color palette (#FFF3E8, #D4F0BC, #81E4DB, #EC92A5, #57400E)
• Hushed Basalt color palette (#FFF3E6, #DFCFAA, #C8A67D, #A97B6E, #433F00)
• Dusty Terrace color palette (#FDF3ED, #D7DAA8, #C3826C, #825748, #2A1F18)
• Pale Ridge color palette (#FFF1F1, #FFD8B6, #ABE67A, #CB79C4, #5E2500)
• Worn Glacier color palette (#D0E7FE, #16EBF3, #FFAEB0, #685049, #352925)
• Tempered Apricot color palette (#FFF3E8, #F4A564, #68B8DF, #4C9ABF, #37322D)
• Wandering Oat Basin color palette (#F8EDFF, #EADDCD, #CACC8C, #8B709C, #402F3C)

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