Cocoa Terrace color palette — #FFF0F7 · #E5D6D4 · #D5B9AE · #9F8D84 · #76430D

Bronze and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Bone (#E5D6D4): a clean, paper-quiet neutral.
• Stone (#D5B9AE): A luminous, dusty orange — the color of toasted spice.
• Gray (#9F8D84): A luminous, dusty orange — the color of autumn markets.
• Bronze (#76430D): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Tempered Bronze Lagoon color palette (#FFF2F0, #E8D7C6, #CEAF9D, #9A7E38, #5A4E00)
• Mallow Dune color palette (#FFEBFF, #EBB0D1, #B3808B, #734D21, #382700)
• Tempered Bronze Parlor color palette (#FFF1F4, #F1C9CB, #C39A95, #915F29, #3C3831)
• Ancient Chestnut color palette (#F6D8DB, #BF7E74, #804829, #2E2E00, #050C00)
• Powder Atelier color palette (#F1F5FF, #BEC2E2, #8E8BA4, #7C697A, #5E494B)
• Blush Bloom color palette (#F5DDEF, #DB94B3, #9A6D62, #533505, #251C00)
• Washed Lilac color palette (#FFF1F6, #F0D3EA, #89DBE6, #A48DC8, #344D3A)
• Aged Quarry color palette (#EEE5F1, #926F8C, #69394E, #371700, #040200)

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