Cocoa Pier color palette — #E6FDE4 · #F1C0D0 · #9D773E · #704500 · #4D3411
A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.
The five colors
- Honeydew (#E6FDE4): A whisper-light, dusty green — the color of a quiet forest floor.
- Oat (#F1C0D0): A whisper-light, dusty rose — the color of strawberry cream.
- Walnut (#9D773E): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Bronze (#704500): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#4D3411): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged monochrome, 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
- Washed Cocoa color palette (#FFF0F9, #EDBBAC, #B26F5A, #7C391A, #563022)
- Worn Amber color palette (#E4F9E3, #E7BE90, #AF7F33, #674310, #341420)
- Muted Fern Field color palette (#E2FDEF, #A5D2B9, #898442, #595000, #3E3904)
- Patina Amber color palette (#FFF3E5, #F0D2A3, #CA9047, #89602D, #3D3832)
- Ancient Chestnut color palette (#FEF1F7, #ACBEAB, #9D775D, #7F5041, #394E3E)
- Twilit Chestnut Villa color palette (#EDE4D2, #806000, #382500, #16201D, #0D0700)
- Dusty Station color palette (#EFEDB3, #97932C, #5D5700, #2B2900, #151400)
- Timeworn Pewter color palette (#EBF9F2, #95945C, #6281AA, #754D81, #2E4239)
Browse the whole catalog at Explore, or see today's palette.