Cocoa Terrace color palette — #ECE2DC · #B5A18D · #94836A · #752A00 · #120602

Built around Rust, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#ECE2DC): a clean, paper-quiet neutral.
• Taupe (#B5A18D): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#94836A): A luminous, dusty gold — the color of honey in a jar.
• Rust (#752A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#120602): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Bronze Drift color palette (#F7EDE8, #A3988B, #896C25, #4E1500, #140500)
• Cocoa Atelier color palette (#EFE7EB, #C7B5BC, #AA8692, #632700, #040002)
• Tempered Bloom color palette (#F0E7ED, #AC9C9A, #789593, #A83902, #13030E)
• Muted Fern color palette (#E7E4DA, #B7B69A, #929A76, #575600, #191302)
• Patina Bronze Meadow color palette (#F6EDE4, #E4D5BF, #C1B79B, #93673B, #342C24)
• Patina Studio color palette (#F5E4D3, #FB3818, #A66400, #5D5D00, #050200)
• Ancient Olive color palette (#F8EDD7, #737C00, #2C5100, #491B19, #060700)
• Softworn Fern color palette (#FBEBE0, #887033, #465500, #03364D, #060A30)

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