Cocoa Pier color palette — #FFE8E1 · #773800 · #412100 · #170C00 · #020100
A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.
The five colors
- Rose Water (#FFE8E1): A whisper-light, dusty orange — the color of autumn markets.
- Bronze (#773800): A full-bodied, balanced gold — the color of old brass.
- Espresso (#412100): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#170C00): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Cocoa Pier 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
- Cocoa Lagoon color palette (#EDD8DE, #6B4200, #003F65, #2D1900, #000103)
- Deep Garnet color palette (#FEE4E9, #8F002A, #5B0201, #1F0600, #030100)
- Worn Bronze color palette (#F6ECD9, #7D6800, #4B4500, #212900, #030D00)
- Onyx Field color palette (#EEE5D6, #513500, #00393A, #390048, #020100)
- Antique Olive Coast color palette (#DDE8DE, #9D8D43, #4F7C32, #502100, #020100)
- Muted Amber Atelier color palette (#ECDBCF, #B77400, #765800, #3F3500, #1A1900)
- Moonless Canyon color palette (#F3E8FC, #006C6C, #5A5400, #070B05, #000201)
- Amber Delta color palette (#FAE9E1, #E98200, #9B6400, #604800, #2D2700)
Browse the whole catalog at Explore, or see today's palette.