Cocoa Pier color palette — #FFF1F1 · #E1DBD0 · #B5C4D1 · #BB919F · #7B3D22
A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Bone (#E1DBD0): a clean, paper-quiet neutral.
- Stone (#B5C4D1): A luminous, dusty blue — the color of open sky before noon.
- Dusty Rose (#BB919F): A luminous, dusty rose — the color of strawberry cream.
- Bronze (#7B3D22): A full-bodied, balanced orange — the color of sun-warmed clay.
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
- Timeworn Lilac color palette (#FFF2EE, #E4DEBF, #C2CF7F, #B576B2, #693C21)
- Aged Delta color palette (#FFF3E7, #D8C9AA, #B59574, #A26242, #524800)
- Washed Driftwood color palette (#FAF2FC, #E9D6D9, #E3B7B2, #A17391, #584756)
- Cocoa Chapel color palette (#FFF2EC, #D1D6A8, #A26E65, #763A1A, #342923)
- Wandering Taupe color palette (#FDF3E8, #CAA370, #68A8AC, #45868B, #553500)
- Powdered Lagoon Chapel color palette (#EDE2D5, #B6BB74, #00A684, #933D38, #1E1800)
- Wandering Aubergine Station color palette (#EEDDDB, #C6906F, #8D8D42, #5D2F6C, #210000)
- Tempered Amber color palette (#FBF3EF, #FFC0AC, #78AA80, #BF7660, #2D2F28)
Browse the whole catalog at Explore, or see today's palette.