Cocoa Pier color palette — #FEF3E7 · #DCE1C9 · #C3CDDB · #A67C66 · #654700
Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FEF3E7): a clean, paper-quiet neutral.
- Celadon Mist (#DCE1C9): A whisper-light, dusty green — the color of a quiet forest floor.
- Oat (#C3CDDB): A whisper-light, dusty blue — the color of deep harbor water.
- Mocha (#A67C66): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Weathered Chestnut Workshop color palette (#FFF3E7, #C9B598, #A1764C, #854E21, #5C4300)
- Softworn Stone Villa color palette (#FFEFDE, #D8E2C2, #A5CEB5, #A57E71, #3C3832)
- Tempered Glacier Quarry color palette (#F5F7E3, #C4E6D0, #67DBE1, #798450, #465307)
- Softworn Powder Courtyard color palette (#FFF0F7, #C5EAFA, #99D0E5, #B196B3, #425347)
- Patina Mint color palette (#F9F6E3, #B6ECDA, #61CBAF, #776727, #3C3C35)
- Wandering Driftwood Studio color palette (#F7F5EB, #8D9755, #6D7CB1, #7B4C75, #3F3D36)
- Lagoon Atelier color palette (#ECEBD5, #7FC199, #009E90, #565400, #202300)
- Olive Villa color palette (#F0E7D8, #A3A349, #338500, #482400, #110E00)
Browse the whole catalog at Explore, or see today's palette.