Cocoa Terrace color palette — #F9EEFA · #D4A98A · #79424A · #331F35 · #110912

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

The five colors

• Blush (#F9EEFA): a clean, paper-quiet neutral.
• Camel (#D4A98A): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#79424A): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#331F35): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#110912): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Weathered Mulberry color palette (#FFF2F0, #ADB482, #793854, #4C1830, #2C1D1C)
• Washed Orchard color palette (#FFECF3, #D39C44, #713D00, #331900, #150109)
• Wandering Pewter Orchard color palette (#FFF2EE, #E7BA9B, #995E67, #61323A, #301C17)
• Weathered Bloom color palette (#F8EEF6, #E69E95, #956C31, #A43F37, #071107)
• Amber Bloom color palette (#E3F8E7, #C78E5D, #86651F, #0B542E, #341923)
• Aged Bronze color palette (#FFE3D3, #D8A87F, #99692B, #5F4400, #2E2300)
• Worn Hollow color palette (#FAEDFA, #BC6B71, #817634, #52497C, #241225)
• Worn Amber Orchard color palette (#FFE7F9, #D37D00, #780900, #310100, #0A0000)

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