Worn Cocoa Pier color palette — #FDF4E5 · #CF9795 · #8E7243 · #3F5987 · #6E3708

Bronze and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#CF9795): A luminous, dusty orange — the color of toasted spice.
• Walnut (#8E7243): A full-bodied, dusty gold — the color of honey in a jar.
• Peacock (#3F5987): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#6E3708): A full-bodied, balanced gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Worn 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 Denim color palette (#FEF3E8, #BFA280, #6A8050, #664C7D, #5D4300)
• Ancient Denim Corridor color palette (#FEF2F1, #BF849B, #707635, #005A82, #5F3145)
• Timeworn Bronze color palette (#FAF5E6, #C198BD, #A4635B, #006476, #5A403F)
• Muted Bronze color palette (#EAF5EB, #CFA07F, #967133, #395B40, #3A252D)
• Pewter Lantern color palette (#FFF2F0, #D9C3B6, #998D74, #816581, #634C47)
• Softworn Hollow color palette (#E5FCEC, #FFBDB6, #C6AA74, #718FB0, #53424B)
• Antique Summit color palette (#FAF3F0, #CCE6E3, #6FA0BC, #287F6D, #614961)
• Aubergine Corridor color palette (#FFEBD5, #AD7A41, #4C640B, #4E267B, #33302A)

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