Cocoa Pier color palette — #FFF2EC · #D8C9B4 · #8A907E · #846863 · #744109
Built around Bronze, softened by Pewter — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Oat (#D8C9B4): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Eucalyptus (#8A907E): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#846863): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#744109): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Aged Driftwood color palette (#F6F6EA, #B8C6AD, #6E8973, #785F5B, #47513D)
- Driftwood Harbor color palette (#FDF5DF, #D9DAC8, #9DAC8E, #9E7D8F, #65474D)
- Cocoa Workshop color palette (#F6E0C2, #A2A481, #678567, #704835, #403D36)
- Worn Study color palette (#DDFAEB, #B6D6CE, #7FA2A4, #616A83, #413E4F)
- Ancient Field color palette (#F4F8E5, #6BA975, #B57191, #995F5D, #42433C)
- Sunlit Turquoise Villa color palette (#E4F1E7, #00B2BC, #5C71B1, #7B4108, #623100)
- Softworn Lagoon color palette (#EEF1DF, #389277, #316456, #542624, #381800)
- Ancient Pine Boulevard color palette (#F2F8E9, #80C0A0, #B286BA, #2F8460, #63434A)
Browse the whole catalog at Explore, or see today's palette.