Cocoa Coast color palette — #EBDDD6 · #7A4100 · #3D2500 · #140E00 · #010100

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

The five colors

• Bone (#EBDDD6): bright and airy, almost weightless.
• Bronze (#7A4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3D2500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#140E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

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

• Deep Terracotta color palette (#FFE4E4, #9C1700, #481600, #1E0A00, #030100)
• Smoked Fern color palette (#E8E5D6, #585800, #2A3500, #071700, #000200)
• Eclipse Hollow color palette (#F2D7D5, #B44F00, #4C3400, #131000, #010100)
• Moonless Bloom color palette (#ECE2D4, #634600, #0604B5, #2A1B00, #00000C)
• Wandering Amber color palette (#F1E1D0, #AB8200, #635400, #323100, #101600)
• Patina Pine Dune color palette (#EFE4D2, #858D3F, #007726, #482800, #020200)
• Velvet Atelier color palette (#F8EDCF, #4B3900, #003840, #3E003D, #020100)
• Midnight Villa color palette (#EEE3EE, #006A7E, #4F5800, #0A0D07, #020100)

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