Cocoa Courtyard color palette — #FFF0FC · #E6C7DB · #BC9DA9 · #957F7B · #7F4027

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

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Silver (#E6C7DB): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#BC9DA9): A luminous, dusty rose — the color of pressed rose petals.
• Driftwood (#957F7B): A luminous, dusty orange — the color of toasted spice.
• Bronze (#7F4027): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, light.

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

• Ash Balcony color palette (#E7FBF1, #BFD9D1, #C2A1BD, #957378, #5D4B4B)
• Antique Bronze color palette (#DBFFED, #DEBBD6, #A68D94, #856B22, #644D00)
• Driftwood Alley color palette (#F6DAE4, #BB98BF, #AD6597, #83492E, #3C3731)
• Dusty Terracotta color palette (#F7DCEB, #AC7587, #943E45, #563E00, #231F00)
• Weathered Wisteria Summit color palette (#E7E5FF, #CAB0E9, #BB78BB, #8E615B, #633B26)
• Worn Corridor color palette (#FEF1F7, #C5BCF2, #EC988A, #8E80C6, #534B48)
• Antique Ember color palette (#FEDEE6, #DF9298, #CA664F, #75650B, #3E4505)
• Tempered Powder color palette (#F4F6EF, #C8E6E5, #7FBADB, #59909B, #335248)

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