Cocoa Courtyard color palette — #FFF2EA · #BAA384 · #936750 · #7A3C43 · #3F3D36

Rust and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#BAA384): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#936750): A full-bodied, dusty orange — the color of sun-warmed clay.
• Rust (#7A3C43): A full-bodied, balanced red — the color of late-summer berries.
• Charcoal (#3F3D36): quiet, heavy and certain.

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

• Worn Basin color palette (#F4E5D8, #AB9365, #8B542C, #6C2D2F, #32302A)
• Bronze Grove color palette (#FDECF5, #C69FAD, #9D6646, #703B31, #152818)
• Muted Bloom color palette (#FCF5E4, #ACA981, #7E7336, #6E4821, #364400)
• Aged Amber color palette (#FFF2E9, #D7B797, #C17C55, #8A5B52, #533700)
• Softworn Sand color palette (#FFF0F8, #EFCA98, #D59E84, #977E9A, #2F4238)
• Onyx Hollow color palette (#F6E3CF, #84753A, #633A00, #4F0900, #111A00)
• Muted Cocoa color palette (#EFF9EC, #319387, #626AAA, #823B19, #2A3725)
• Timeworn Meadow color palette (#F1F7EF, #D4A096, #135E53, #00372F, #0A2219)

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