Cocoa Terrace color palette — #F6E5D0 · #9F9867 · #7F5C2B · #6F2D17 · #31312A

Rust takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F6E5D0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#9F9867): A luminous, dusty green — the color of fresh herbs.
• Coffee (#7F5C2B): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Rust (#6F2D17): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#31312A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Chestnut Canyon color palette (#D6E6D5, #AD965B, #855B15, #602F00, #001E11)
• Bronze Ridge color palette (#F4E5D5, #C1AC78, #A9741F, #804D25, #33302A)
• Garnet Bloom color palette (#FED5B9, #B4833A, #943D00, #740027, #2E2A00)
• Patina Lantern color palette (#F9EDDD, #777A46, #5A4000, #441A00, #031C00)
• Ancient Denim Lantern color palette (#F8F5EB, #9D9E58, #006591, #535300, #001E15)
• Garnet Drift color palette (#F4EFD8, #6C781D, #2B639C, #781943, #2D2604)
• Faded Moss Canyon color palette (#F4D5ED, #D3B5FF, #A49200, #233314, #211907)
• Twilit Chestnut Loft color palette (#F6E3CD, #655921, #3F2500, #250400, #020400)

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