Cocoa Courtyard color palette — #FFF0FB · #F1B7CE · #D18C90 · #A36251 · #73370F

A conversation between Bronze and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Carnation (#F1B7CE): A whisper-light, dusty rose — the color of pressed rose petals.
• Dusty Rose (#D18C90): A luminous, balanced red — the color of late-summer berries.
• Walnut (#A36251): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#73370F): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Weathered Chestnut color palette (#F2F4FF, #D2AACA, #AE6A76, #8E4526, #634300)
• Antique Bronze color palette (#FFF0FE, #F2BCA7, #C7956C, #8B6C2F, #4E4600)
• Patina Garnet color palette (#F2F5FF, #D9C1F4, #B889B6, #99607E, #732A3F)
• Softworn Rust color palette (#FFE7EA, #F07F6F, #B75715, #673B00, #2D2000)
• Weathered Stone Cabin color palette (#EAFAED, #E2ACC4, #BA8279, #4C7A62, #504254)
• Worn Ember Lagoon color palette (#FFE3EB, #FF8C92, #DC5534, #8B4800, #482C00)
• Soft Amber color palette (#F0DBD7, #D26F30, #915800, #483700, #161500)
• Tempered Hollow color palette (#FBF1FF, #DBC8D8, #BBA2AC, #65878D, #385562)

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