Cocoa Pier color palette — #F4E2EB · #B68D6C · #8D522D · #6F2D11 · #432631

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

The five colors

• Rose Water (#F4E2EB): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#B68D6C): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#8D522D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#6F2D11): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#432631): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Cocoa color palette (#DFEDDD, #AD9267, #815B2B, #653602, #1B3823)
• Dusty Bronze Bloom color palette (#FAE3D2, #D0A571, #B56B3F, #854643, #33302A)
• Cocoa Alley color palette (#F7D3E1, #966C38, #663800, #421C00, #201300)
• Quiet Garnet color palette (#FFD6E6, #D48799, #A93D4A, #7D010E, #541100)
• Aged Chestnut Loft color palette (#EDF8F2, #A4BFB4, #848358, #695D2C, #364D46)
• Tempered Mulberry color palette (#F6F3FF, #BE81B9, #A12752, #840081, #221027)
• Aged Aubergine Bloom color palette (#EDEDF8, #C48B83, #54306A, #300E42, #151423)
• Soft Study color palette (#F3DFCB, #FF8C9E, #D16EFF, #441C34, #1B1A2A)

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