Cocoa Pier color palette — #F4EBEF · #ADBFAD · #7C9585 · #693401 · #281B21

Bronze takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F4EBEF): a clean, paper-quiet neutral.
• Stone (#ADBFAD): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#7C9585): A luminous, dusty teal — the color of sea glass.
• Bronze (#693401): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#281B21): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Hushed Garnet color palette (#F0E4EE, #C8B1BE, #A2858F, #722827, #271B25)
• Washed Basalt Garden color palette (#E7EFE7, #97B1A1, #5E8A7B, #4B3200, #08180A)
• Antique Chestnut color palette (#F7EDE5, #CDC2B4, #ACA58B, #8E4D21, #281D14)
• Aged Chestnut Balcony color palette (#EEF8F1, #BFDACD, #83B2A6, #705700, #27382C)
• Tempered Pewter Ridge color palette (#FCF2F5, #CCDADD, #AAC3C3, #916675, #504448)
• Powdered Olive Parlor color palette (#D1EFE0, #61881C, #015417, #4A2114, #00211A)
• Tangerine Lagoon color palette (#D0E7CE, #F9670E, #A46B00, #4E5600, #1B1500)
• Linen Bronze Cabin color palette (#F8DFC6, #978523, #3A6328, #163B5C, #1E2544)

Browse the whole catalog at Explore, or see today's palette.