Weathered Cocoa Pier color palette — #FFE9DC · #D7D3DE · #A59A9E · #623400 · #2F2823

Built around Bronze, softened by Cream — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFE9DC): A whisper-light, dusty gold — the color of honey in a jar.
• Silver (#D7D3DE): bright and airy, almost weightless.
• Taupe (#A59A9E): a calm mid-gray that lets other colors speak.
• Bronze (#623400): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2F2823): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Weathered 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 color palette (#F9F4EF, #CBDDCB, #AA7B41, #633D00, #211A12)
• Timeworn Grove color palette (#FAF5E6, #C8C78B, #7DBEAB, #8278B5, #34322B)
• Ancient Lagoon color palette (#F7F5EF, #D7DCD6, #A9B1BD, #B7B082, #504D47)
• Patina Coast color palette (#F7F6E9, #B1BE88, #4AA086, #815184, #2D2A1A)
• Hushed Sunflower Quarry color palette (#EDECFF, #FEDB4F, #D8CCC5, #3F3C35, #1A150C)
• Worn Chapel color palette (#E9DEFF, #4CFDCD, #FFC891, #806870, #362D30)
• Mallow Orchard color palette (#FED5FE, #4EE8FF, #FF99C4, #52404A, #342F37)
• Muted Amber color palette (#F9F4EF, #E0DDCE, #68BEC7, #D48523, #142217)

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