Cocoa Coast color palette — #FCF4EA · #D8C192 · #8C6B3F · #5B3B03 · #2A1F12

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Sand (#D8C192): A luminous, dusty gold — the color of old brass.
• Walnut (#8C6B3F): A full-bodied, dusty gold — the color of old brass.
• Bronze (#5B3B03): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#2A1F12): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Cocoa Coast 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

• Ancient Chestnut color palette (#FEF3E8, #C2AD6A, #724600, #322D28, #1E1C0E)
• Muted Lagoon color palette (#F8F5EF, #DDC180, #5CA16F, #A07A00, #22270E)
• Olive Cabin color palette (#F7F6E6, #DEB458, #527700, #2C4300, #1E1B00)
• Timeworn Bronze Atelier color palette (#EFF8EE, #FFE2A5, #996C2C, #283F28, #0A120A)
• Hushed Sand color palette (#FFF1F5, #EBD48D, #B68C5B, #7A5863, #291E22)
• Weathered Denim color palette (#FFF4E2, #AFB77D, #4D986A, #5E58A0, #3E3E36)
• Antique Orchard color palette (#F7F5EF, #D7DBD5, #B8C6B9, #959444, #4B483D)
• Amber Loft color palette (#E2ECD4, #B48C2B, #005335, #002113, #020300)

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