Cocoa Pier color palette — #FCF0DD · #AEAF7D · #8A7236 · #6E3F00 · #25240F

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCF0DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#AEAF7D): A luminous, dusty green — the color of fresh herbs.
• Walnut (#8A7236): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#6E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#25240F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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 Balcony color palette (#FFEEE4, #CAA282, #9B6654, #693E42, #2D200B)
• Faded Marigold color palette (#F9E6D0, #BC9D18, #925E00, #6E2E05, #221C00)
• Antique Pewter Bloom color palette (#E9FBED, #8AB1A2, #847043, #694558, #274340)
• Moss Bloom color palette (#FEEBCE, #928919, #6E4F00, #4D2500, #110F00)
• Straw Orchard color palette (#E4FCEB, #EADE9C, #AF9C65, #57735B, #24362E)
• Patina Olive Alley color palette (#E7DEC5, #5D7E1E, #4A4500, #301F00, #000801)
• Sunlit Terracotta Harbor color palette (#FFEADE, #CD7300, #9D3100, #680523, #1A1000)
• Cerulean Harbor color palette (#E2F9EA, #0096AF, #A55D5F, #7C3B3E, #0C1E14)

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