Timeworn Cocoa Pier color palette — #ECDDE5 · #BA7143 · #823000 · #430700 · #030100

Built around Rust, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#ECDDE5): a clean, paper-quiet neutral.
• Caramel (#BA7143): A luminous, balanced gold — the color of old brass.
• Rust (#823000): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#430700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Softworn Bronze Lantern color palette (#E2F2E1, #A2803D, #694500, #331B00, #020100)
• Tempered Balcony color palette (#FCDBEB, #C08E67, #944710, #591A00, #080300)
• Ember Drift color palette (#F7E3EF, #E26029, #674600, #682100, #020100)
• Misty Rust color palette (#ECDCE6, #C57C31, #B94100, #822837, #110A00)
• Bronze Summit color palette (#FFF2EB, #ECAB72, #C05F00, #823000, #251400)
• Hushed Bronze color palette (#E4FCED, #B8B681, #897600, #584300, #121400)
• Dusty Amber color palette (#E4FDE9, #E0D094, #B28C23, #7F5600, #2D2900)
• Softworn Rose Parlor color palette (#E5DEF1, #C98600, #F21166, #100402, #030004)

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