Cocoa Pier color palette — #F5EAE2 · #C2B7A6 · #93906F · #6E3000 · #291C13

Built around Rust, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F5EAE2): a clean, paper-quiet neutral.
• Stone (#C2B7A6): A luminous, dusty gold — the color of old brass.
• Eucalyptus (#93906F): A luminous, dusty green — the color of new leaves after rain.
• Rust (#6E3000): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#291C13): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Tempered Cocoa Drift color palette (#EBE0E4, #A9B8AA, #749783, #663500, #13060C)
• Weathered Loft color palette (#EFE1DE, #C5B5AC, #9F8B6E, #80013C, #2B1A18)
• Washed Chapel color palette (#E7DFD9, #D0C2AE, #AEA48C, #8F4D00, #281D13)
• Fern Harbor color palette (#EFEFE6, #C8CFC0, #8CA991, #436000, #2F2E23)
• Ancient Market color palette (#E3DFD4, #999C89, #627858, #302C00, #0E0800)
• Wandering Veranda color palette (#F9F4EF, #DADDD2, #B8C5B5, #906C4D, #4D4641)
• Dusty Harbor color palette (#E8E0CF, #5C8841, #00513D, #411F44, #1D1C00)
• Muted Blush color palette (#ECDCC3, #FF5C93, #AB7A00, #006139, #1F1A00)

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