Cocoa Courtyard color palette — #FFF3E5 · #BAA47F · #896C49 · #6E472D · #403D36

Built around Coffee, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#BAA47F): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#896C49): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Coffee (#6E472D): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Tempered Cocoa Drift color palette (#F7E5CC, #A3966A, #7C5E29, #643705, #32302A)
• Bronze Parlor color palette (#FBF5E4, #BDB99F, #957E36, #79560B, #4C4B00)
• Timeworn Workshop color palette (#FFF1F5, #A7C7B4, #AB885F, #925748, #1C463C)
• Hushed Olive Chapel color palette (#EBE1CF, #807917, #564300, #392200, #131900)
• Worn Lagoon color palette (#EAFBE9, #009492, #985A7B, #78422D, #273826)
• Softworn Stone color palette (#F0F8EE, #C5AB74, #005F57, #21341C, #0C1F19)
• Lowlit Chestnut color palette (#F6E9E0, #7D4C1D, #4B1B00, #280001, #060300)
• Turquoise Archive color palette (#F0F8F0, #50C2C8, #576CA8, #006D72, #2C1F2A)

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