Weathered Cocoa Pier color palette — #FFF1F2 · #EED4D3 · #E79DB1 · #AC7277 · #703514

Bronze and Ballet Pink set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#EED4D3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ballet Pink (#E79DB1): A luminous, balanced red — the color of embers at dusk.
• Mocha (#AC7277): A luminous, dusty red — the color of late-summer berries.
• Bronze (#703514): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

One click turns Weathered 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

• Ancient Cocoa Meadow color palette (#FFF2ED, #EFD7BE, #EAA985, #A1764E, #6E4600)
• Weathered Coral Summit color palette (#FFF1F5, #F3C1E4, #EE9EB4, #C97871, #564F4A)
• Weathered Chapel color palette (#FFF0F8, #ECD4E7, #C09CD7, #956C97, #684749)
• Ancient Drift color palette (#F1F0FF, #D8A5CF, #C86B8B, #894941, #442938)
• Rust Villa color palette (#FFE4E7, #FF807B, #C84627, #7B3400, #321900)
• Coral Parlor color palette (#FFF2EF, #F5D3C8, #92DCD6, #CD808D, #384D35)
• Taupe Market color palette (#FFF2ED, #E4D8D2, #DD9991, #985C58, #401917)
• Chalky Ember Boulevard color palette (#FFF1F1, #FFB3A5, #CF6633, #8A4C00, #3B2500)

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