Cocoa Pier color palette — #FFE2E5 · #DD9794 · #B26154 · #802C00 · #3D1A00

Rust and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#FFE2E5): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#DD9794): A luminous, balanced orange — the color of autumn markets.
• Mocha (#B26154): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#802C00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#3D1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Worn Bronze Garden color palette (#FFEAE1, #D69F7C, #A26629, #694400, #312300)
• Linen Rust Ridge color palette (#FFE6F9, #DC90AC, #BA5547, #803800, #4F3700)
• Softworn Garnet color palette (#FFDFF5, #DAA0BA, #AC5975, #891A37, #430009)
• Worn Coral color palette (#FFF1F3, #F7AAA9, #DF6B5A, #97482C, #652E00)
• Washed Cabin color palette (#E6F8E4, #C98981, #9B572F, #404D00, #31192B)
• Faded Ember color palette (#FFE1DA, #E86928, #8D4300, #512D00, #190D00)
• Patina Plum color palette (#F4F0F6, #DBD4D6, #C8B6BB, #A55A72, #2F2A31)
• Wandering Garden color palette (#F9EEF7, #FFC8D4, #FFA4A5, #CC6A3A, #36120D)

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