Cocoa Study color palette — #FCF3EC · #DCC7AC · #B4947B · #956761 · #5B4400

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

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Oat (#DCC7AC): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B4947B): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#956761): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Study 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

• Hushed Pewter color palette (#FFF2E9, #CFBAA2, #B28369, #915753, #403D36)
• Aged Cocoa color palette (#F8F5ED, #E5CDAC, #867F4C, #604A00, #302B1F)
• Bronze Dune color palette (#F2E7D4, #A2A26E, #8E6C00, #723E00, #182A00)
• Garnet Delta color palette (#FBEADA, #987836, #7A4300, #5B1100, #0D0C00)
• Washed Amber Summit color palette (#FFEBD2, #C2B576, #B27900, #984500, #313A09)
• Antique Terrace color palette (#F7F5EB, #A5B279, #66A4C8, #98649D, #3E3D36)
• Weathered Moss Thicket color palette (#F7F5EF, #DED0AA, #5CACA3, #998F15, #273125)
• Wandering Cypress color palette (#FFF5D5, #BDD7AB, #75B08F, #00817D, #00505D)

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