Cocoa Terrace color palette — #FFF3E9 · #E9D6BD · #D7AB8F · #B18775 · #5B4400

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Wheat (#E9D6BD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D7AB8F): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#B18775): A luminous, 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, light, muted.

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

• Pewter Study color palette (#FFF1F7, #E3BFCC, #B68EA0, #8D677C, #3C4D3C)
• Aged Study color palette (#F1E7D0, #C9C39A, #AA9F5E, #A36D10, #30312A)
• Weathered Taupe Lagoon color palette (#FBF1FD, #A2C6EE, #E7A1A3, #98A062, #443846)
• Dusty Driftwood color palette (#FEECF4, #A5C5A5, #A07960, #684F63, #213027)
• Rust Coast color palette (#F2DABD, #CCB767, #C88400, #B44E00, #272D00)
• Mulberry Chapel color palette (#FCE4D5, #C89263, #BB5E3E, #9A2D41, #1F1400)
• Garnet Coast color palette (#F0E3D6, #9A7D2F, #885100, #6E2200, #040400)
• Ash Villa color palette (#EFF7F5, #FBD6BB, #77A4C9, #4B7191, #1F2F2B)

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