Cocoa Terrace color palette — #F5EDE6 · #D8C9BC · #B09D87 · #814019 · #372B23

Bronze takes the lead with Taupe close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Oat (#D8C9BC): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B09D87): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#814019): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#372B23): 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

• Timeworn Fern color palette (#F8F5EC, #D7D3BF, #9CAF80, #645C00, #35332C)
• Dusty Cocoa color palette (#F0EBE4, #C2B7A8, #9C8C6D, #603B00, #271D13)
• Weathered Bronze Ridge color palette (#F7EAF2, #E7D1D7, #A3C0AE, #A8583C, #342A31)
• Wandering Study color palette (#E1E0D7, #9A9C87, #6D7731, #223100, #0B0900)
• Muted Olive color palette (#F5F6EE, #D1DED1, #B7C0A6, #427B1C, #434300)
• Bronze Courtyard color palette (#ECDCC1, #A76600, #5F4900, #003E26, #341F00)
• Antique Harbor color palette (#FFEFDF, #FF9B63, #C27300, #836300, #3A2300)
• Dusty Olive Thicket color palette (#E7DECE, #949666, #5F7934, #105956, #153B55)

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