Timeworn Cocoa Pier color palette — #FFF2EB · #CFC593 · #97634E · #683101 · #2E1D13

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Pistachio (#CFC593): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#97634E): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#683101): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2E1D13): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Timeworn 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

• Bronze Coast color palette (#FBF2F7, #F2E7AD, #A86043, #552B1A, #170B13)
• Softworn Amber Loft color palette (#FDF3EC, #F6CE9B, #C98153, #8A5425, #291F18)
• Washed Coast color palette (#FDF2F7, #C9A881, #77411F, #4C2000, #2A1D24)
• Patina Mustard Orchard color palette (#FCF5E1, #E3B15B, #746B00, #413C00, #231900)
• Aged Bronze color palette (#EBE2D2, #956D00, #362A00, #1B221B, #090500)
• Mustard Alley color palette (#F8E0C7, #CFA500, #814D00, #432600, #1A0C00)
• Powdered Bronze Corridor color palette (#FDF3EC, #F2B495, #31A680, #BF6432, #1F2715)
• Timeworn Bloom color palette (#FFF3E6, #D1AA72, #6E9355, #6B578E, #403D36)

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