Cocoa Terrace color palette — #F2E9E2 · #AAA496 · #878870 · #683600 · #120600

Bronze and Driftwood set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F2E9E2): bright and airy, almost weightless.
• Taupe (#AAA496): A luminous, dusty gold — the color of old brass.
• Driftwood (#878870): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#683600): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#120600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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 Chestnut Corridor color palette (#EDE3DA, #A1A38D, #848C71, #8E5300, #100701)
• Patina Cocoa Workshop color palette (#F6E9EF, #AEC0B4, #849A72, #5D2D00, #040002)
• Onyx Corridor color palette (#F4E9EC, #8F9E92, #577969, #402300, #15030A)
• Timeworn Fern Pier color palette (#E9E8DC, #B0B7A7, #879C8A, #455C00, #171400)
• Aged Orchard color palette (#F2EEE7, #DAD8CA, #B4BBA6, #946900, #342D23)
• Weathered Lagoon color palette (#F1E1DD, #93752F, #295D34, #462453, #1B0423)
• Aged Loft color palette (#F2EBD8, #4D844F, #005146, #411A3B, #000901)
• Rose Alley color palette (#F8ECDD, #EA5C77, #937300, #006437, #060500)

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