Cocoa Courtyard color palette — #FFEDEB · #FFC6D4 · #EFA1AB · #B57E81 · #7A3B21

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

The five colors

• Cream (#FFEDEB): a clean, paper-quiet neutral.
• Shell Pink (#FFC6D4): A whisper-light, dusty red — the color of late-summer berries.
• Ballet Pink (#EFA1AB): A luminous, balanced red — the color of late-summer berries.
• Dusty Rose (#B57E81): A luminous, dusty red — the color of a theater curtain.
• Bronze (#7A3B21): A full-bodied, balanced orange — the color of toasted spice.

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

• Worn Cocoa Loft color palette (#FFF2EC, #FFD5CA, #E8A494, #B17F75, #572300)
• Antique Coral Cabin color palette (#FFF1F2, #FFB4D3, #D0838E, #9F6A5E, #554E49)
• Weathered Oat color palette (#FFF2ED, #FFC3C2, #C0D087, #D69493, #4E4D46)
• Hazy Market color palette (#F4DBDB, #FFA7A1, #FF6746, #C85E3B, #612D0F)
• Patina Cocoa color palette (#FFF2EC, #DFD9CD, #D8B7AC, #A3B8D3, #763D13)
• Timeworn Honey color palette (#FFD8B5, #FCB75D, #D59B38, #A1854A, #50441C)
• Washed Grove color palette (#FADFD0, #E27D00, #AF6800, #734900, #322000)
• Softworn Market color palette (#FFEBE7, #FF7851, #E45A00, #9E4A00, #472200)

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