Cocoa Pier color palette — #FFF1F3 · #D59CB4 · #BB7379 · #895444 · #6D3F00

Bronze takes the lead with Dusty Rose close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Mauve (#D59CB4): A luminous, dusty rose — the color of pressed rose petals.
• Dusty Rose (#BB7379): A luminous, balanced red — the color of embers at dusk.
• Coffee (#895444): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#6D3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Amber Villa color palette (#FFF2EF, #E5A3A5, #BA775D, #7F5927, #4E5049)
• Terracotta Boulevard color palette (#F1E0FF, #DCA2B2, #B5656B, #8A3C39, #47263C)
• Aged Loft color palette (#FFE6F6, #BCABE2, #9B71A1, #87516C, #64453A)
• Ancient Quarry color palette (#FFF2ED, #DE9C97, #4BA9AC, #A65955, #3D543E)
• Wandering Basalt Lantern color palette (#FFF2EB, #F3BFAC, #A66D63, #703E35, #562300)
• Coral Villa color palette (#F0DEE0, #D77760, #995700, #634300, #3F3900)
• Dusty Bloom color palette (#FFF2EC, #C88476, #52969D, #3F7897, #6A2F0C)
• Rust Field color palette (#FFD3E5, #FD6C87, #BD3100, #7B4000, #523900)

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