Cocoa Terrace color palette — #F5E3EB · #B79C65 · #6C3600 · #2F1400 · #0D0206

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

The five colors

• Rose Water (#F5E3EB): A whisper-light, dusty rose — the color of pressed rose petals.
• Camel (#B79C65): A luminous, dusty gold — the color of old brass.
• Bronze (#6C3600): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#2F1400): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0D0206): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Aged Garnet Boulevard color palette (#F0E5F1, #B59D6A, #75273A, #3B0013, #0A020B)
• Wandering Taupe Summit color palette (#DCEEE4, #B89C60, #4D4800, #201D00, #000703)
• Muted Chestnut Corridor color palette (#FBEBDF, #D0B06B, #925014, #502A09, #1D140C)
• Olive Garden color palette (#EDF4EC, #C39660, #46731A, #764A00, #000906)
• Bronze Market color palette (#FBE6ED, #967215, #47550C, #3D2300, #0F0500)
• Muted Garden color palette (#FFF1F7, #D8D399, #8C5330, #421B00, #0C0006)
• Olive Workshop color palette (#F8ECD4, #9F9C51, #5F7600, #0B4404, #001B0E)
• Tempered Study color palette (#EBF4F0, #ABCEB2, #626538, #323404, #071811)

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