Cocoa Terrace color palette — #ECE1E7 · #CCB3BC · #809984 · #642606 · #030002

A conversation between Rust and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#ECE1E7): a clean, paper-quiet neutral.
• Rosewood Mist (#CCB3BC): A luminous, dusty rose — the color of a warm blush.
• Eucalyptus (#809984): A luminous, dusty green — the color of fresh herbs.
• Rust (#642606): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#030002): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Worn Garnet color palette (#E7E1EB, #C8B3C8, #A08A9A, #68163F, #020005)
• Washed Bronze Cabin color palette (#E9E1DD, #968B80, #83661E, #4C1400, #030100)
• Weathered Market color palette (#E7F1EC, #B8D8CF, #83B0AC, #525100, #000402)
• Timeworn Terracotta Archive color palette (#ECE1E7, #B29A97, #789B98, #A83905, #13030E)
• Timeworn Bronze color palette (#F2E3D7, #9C7600, #3A4F11, #002336, #010014)
• Olive Veranda color palette (#CFE9D8, #788200, #254600, #370607, #000201)
• Sunlit Ember Bloom color palette (#FBD7B3, #FE5E39, #C07400, #5D5400, #020100)
• Ancient Bronze Grove color palette (#FDF2F5, #C3E1E8, #A0C4D2, #9B6A38, #29191F)

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