Aged Cocoa Pier color palette — #EFD8E4 · #B1773F · #7D3500 · #460200 · #020100

Rust and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#EFD8E4): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#B1773F): A luminous, balanced gold — the color of honey in a jar.
• Rust (#7D3500): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#460200): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Chestnut Harbor color palette (#FDDAEA, #BC915E, #924900, #5B1500, #060300)
• Washed Bronze color palette (#E0F2E2, #9B8425, #664700, #341A00, #010100)
• Faded Orchard color palette (#F5E4EF, #D06E54, #584E00, #6D1900, #010100)
• Rust Terrace color palette (#FFE1F2, #B48644, #B24900, #83253A, #0E0B00)
• Patina Basin color palette (#FFF1F6, #EAAE58, #B96500, #842C00, #201700)
• Bronze Boulevard color palette (#E1FDEE, #ADBA80, #82781B, #5A4200, #081700)
• Terracotta Drift color palette (#FEE4F2, #913A00, #00433E, #001734, #040002)
• Wandering Terracotta color palette (#FFF0F9, #E4B9CB, #BC7556, #8B3C37, #122713)

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