Cocoa Terrace color palette — #F8E6EF · #C29372 · #A55B33 · #872700 · #371D00

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F8E6EF): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#C29372): A luminous, dusty gold — the color of honey in a jar.
• Ochre (#A55B33): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#872700): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#371D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Washed Workshop color palette (#FFE7EE, #BA9865, #99651E, #733D00, #0A2C15)
• Bronze Balcony color palette (#F6E1EC, #CDA588, #AE6E4C, #874631, #432631)
• Bronze Coast color palette (#FFF2EA, #E7A06B, #AD5E30, #6D3320, #1E0E00)
• Chalky Boulevard color palette (#F6E1EC, #B37A38, #8B3905, #611A21, #092C17)
• Marigold Courtyard color palette (#F7DBC8, #E7A153, #CB744C, #9A5355, #312100)
• Misty Terracotta Villa color palette (#E9D8E8, #D29666, #8B343C, #530012, #130613)
• Hazy Brick Study color palette (#F5E6F0, #E9856D, #9E6300, #B22800, #1B050D)
• Antique Cocoa Boulevard color palette (#EFD8E5, #9C5D31, #732C00, #460C00, #070200)

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