Cocoa Studio color palette — #FFEFDF · #BEA97C · #946C45 · #743A13 · #29220C

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEFDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#BEA97C): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#946C45): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#743A13): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#29220C): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Wandering Meadow color palette (#F7F1E5, #B7C192, #9C7E39, #794D0A, #2C2D1E)
• Chestnut Parlor color palette (#F0DDC8, #A9985D, #89590C, #5D301A, #1C1804)
• Muted Sand color palette (#FFF1F5, #FED69C, #C19464, #866247, #263629)
• Wandering Pewter color palette (#FFF1F6, #8DB298, #8E6475, #654660, #24443A)
• Tempered Cornflower Study color palette (#FBECFB, #3E86E4, #956D26, #6C4B0B, #231324)
• Patina Olive color palette (#FBE9CE, #7E7400, #593E00, #391900, #060500)
• Lilac Boulevard color palette (#E4EFFF, #ABA2F1, #8C66A6, #6C2B58, #440015)
• Softworn Apricot color palette (#F9EEF8, #EE9C75, #375487, #341E33, #110A10)

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