Cocoa Terrace color palette — #FFF2EB · #F0D4B8 · #D3AD95 · #A88A81 · #5F4100

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 (#FFF2EB): bright and airy, almost weightless.
• Wheat (#F0D4B8): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D3AD95): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A88A81): A luminous, dusty orange — the color of autumn markets.
• Bronze (#5F4100): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Timeworn Stone color palette (#F8F2FF, #FFCBEF, #E8A0B5, #BE7F72, #693D15)
• Wandering Oat color palette (#FFF0F8, #EDC0A3, #B48FA4, #866B7D, #534249)
• Misty Apricot Workshop color palette (#FFEBD7, #E9C26B, #DB9142, #B46851, #393706)
• Worn Pewter Archive color palette (#FAEEF5, #CEB2BE, #9B768C, #6B4C66, #223121)
• Weathered Mallow color palette (#FFF1F3, #E0A6E4, #9AB57F, #82976C, #263B35)
• Worn Mustard color palette (#EDE0D1, #C6B258, #B58437, #955B3A, #2B2400)
• Pale Moss color palette (#F5E9CE, #96AA49, #907C00, #7D4F00, #161800)
• Tempered Rust Chapel color palette (#FCDAC8, #C77B32, #B14823, #7D2E3B, #110A00)

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