Cocoa Pier color palette — #F9E7D9 · #6B4600 · #332500 · #161200 · #020200
A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#F9E7D9): A whisper-light, dusty gold — the color of old brass.
- Bronze (#6B4600): A full-bodied, balanced gold — the color of old brass.
- Espresso (#332500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#161200): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#020200): 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 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
- Velvet Fern color palette (#F2F2D0, #626200, #2D2A00, #182324, #0A0900)
- Nocturne Bronze Lantern color palette (#F0D9CF, #A85D00, #483800, #1B1A00, #000200)
- Feathered Bronze color palette (#FCEDD1, #9B8400, #5E6000, #293600, #0A1800)
- Garnet Summit color palette (#FFE6E9, #950019, #4F1400, #1F0900, #040100)
- Worn Pine Pier color palette (#E7E4CA, #739637, #007E45, #402B00, #030300)
- Midnight Onyx Basin color palette (#EFEBCB, #443C00, #003745, #420032, #010100)
- Fern Atelier color palette (#E1EDD6, #186B08, #004524, #001E12, #000604)
- Cellar Ultramarine color palette (#F8D7E3, #005CB4, #3D5D00, #050D08, #010100)
Browse the whole catalog at Explore, or see today's palette.