Cocoa Courtyard color palette — #FCF4E8 · #CB9997 · #8D7248 · #43578A · #6E3709

Bronze and Peacock set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Rosewood Mist (#CB9997): A luminous, dusty orange — the color of toasted spice.
• Walnut (#8D7248): A full-bodied, dusty gold — the color of old brass.
• Peacock (#43578A): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#6E3709): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Sophistication. Tagged retro, 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

• Denim Boulevard color palette (#FFF3E5, #CC9C7B, #777C3D, #5C4E8A, #4C4741)
• Washed Dune color palette (#FAF5E6, #C099BB, #9F665D, #096477, #5B403E)
• Patina Pewter Courtyard color palette (#FFF2F0, #D8C6BB, #998B74, #7F617C, #604946)
• Hushed Bronze color palette (#E7F7E9, #D1A07A, #99701B, #2C5E3C, #39262C)
• Shell Balcony color palette (#E6FCED, #FFBEB4, #C2AC7A, #738FAB, #55414B)
• Antique Parlor color palette (#FFF3E4, #D36A39, #6C6100, #4421A4, #4E2C02)
• Hushed Cypress color palette (#FAF3F0, #CBE7E3, #72A0BC, #00816F, #604A5F)
• Quiet Aubergine Chapel color palette (#F2DABE, #B15E06, #4B5200, #3B0183, #322000)

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