Cocoa Terrace color palette — #FFE6D7 · #997A58 · #5E4900 · #002810 · #000201

Bronze takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#FFE6D7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#997A58): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#5E4900): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#002810): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000201): quiet, heavy and certain.

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

• Dusty Forest Garden color palette (#D2EADD, #768457, #30622E, #00282B, #000102)
• Ancient Bronze Villa color palette (#F0E0CC, #AE7300, #543400, #11150F, #0C0500)
• Ancient Cocoa Coast color palette (#F8E6EA, #8C6F8B, #6B3525, #201C00, #010200)
• Washed Chestnut color palette (#F2DBD6, #914B22, #563200, #102500, #00100D)
• Tempered Orchard color palette (#F4D7E1, #995900, #006542, #412300, #000201)
• Hushed Abyss Loft color palette (#DEF1EB, #5D884B, #004A16, #301100, #000200)
• Hushed Bronze color palette (#F1DEE9, #BA705E, #8B5F00, #074670, #001425)
• Patina Garnet Lantern color palette (#FFECE0, #823F00, #404D00, #5C003D, #030100)

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