Cocoa Courtyard color palette — #FCE1EC · #683600 · #3B2D00 · #002406 · #030005

Bronze takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#FCE1EC): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#683600): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#3B2D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#002406): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#030005): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Twilit Garnet color palette (#F8DEEF, #882400, #601700, #0D2400, #020007)
• Inked Aubergine Coast color palette (#EBEAFF, #6C0B8B, #4C1C00, #00241E, #030005)
• Spruce Atelier color palette (#D4E8D8, #634E00, #043C06, #001C17, #030004)
• Inked Garnet Parlor color palette (#EAD7E9, #82001F, #362B1F, #180A00, #030004)
• Worn Atelier color palette (#FCDBE5, #825000, #603A00, #00373A, #150005)
• Muted Plum Summit color palette (#FFF1F1, #A80087, #3B4D00, #002F30, #010009)
• Mulberry Summit color palette (#E8DEF4, #75095E, #282E00, #001F1E, #050123)
• Hazy Market color palette (#D1E7DF, #8B3D9D, #6D1900, #00222F, #100007)

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