Cocoa Terrace color palette — #F2EBE6 · #B1A194 · #97826B · #702F00 · #110702

A conversation between Rust and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F2EBE6): a clean, paper-quiet neutral.
• Taupe (#B1A194): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#97826B): A luminous, dusty gold — the color of honey in a jar.
• Rust (#702F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#110702): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Garnet Basin color palette (#E8DEDC, #B59F99, #998076, #7E0C41, #160303)
• Cocoa Atelier color palette (#F6ECF1, #CCB3BD, #7F9B7D, #612900, #030002)
• Timeworn Quarry color palette (#E3DDD9, #A1988E, #886D25, #4D1700, #120602)
• Hushed Lagoon color palette (#E5E2D4, #B7B69F, #979874, #515800, #191400)
• Ancient Bronze Basin color palette (#F0DEC1, #8D792D, #4D5220, #003D34, #001414)
• Ember Chapel color palette (#F3E2D2, #E06100, #AA6700, #6A5500, #090400)
• Patina Olive color palette (#F5EDDB, #777B11, #3D4C00, #422200, #060600)
• Hushed Drift color palette (#F9F4EE, #D9DAD0, #BCC0B1, #987B47, #3E3A34)

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