Cocoa Courtyard color palette — #FFF2EB · #EAD6C0 · #D9A998 · #B8808B · #5B4400

Bronze and Dusty Rose set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#EAD6C0): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D9A998): A luminous, dusty orange — the color of toasted spice.
• Dusty Rose (#B8808B): A luminous, dusty red — the color of a theater curtain.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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 Bronze Loft color palette (#FEF3EC, #E3DBC3, #D79F89, #A9664C, #593700)
• Timeworn Coral color palette (#FFF0F9, #F3D0F8, #ECA2B8, #CD736A, #603B00)
• Pewter Summit color palette (#FEF1F9, #E2C0CE, #B28FA5, #886885, #3E4C3D)
• Aged Lagoon Bloom color palette (#FDF2F1, #E0A5B9, #D38E90, #53A080, #452C31)
• Aged Delta color palette (#FEECF8, #D6B492, #98778D, #625167, #233028)
• Rust Thicket color palette (#FFEBD7, #DDC684, #D9924C, #CA5548, #313A10)
• Lilac Loft color palette (#FAF3F7, #F9D0E7, #DBAE79, #A39EF9, #322D27)
• Faded Crimson color palette (#F7D7C0, #DBB06E, #E86A00, #D00B47, #2D2A00)

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