Aged Cocoa Pier color palette — #F9DAE3 · #916F3A · #633B00 · #3F1E00 · #1F1400

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

The five colors

• Shell Pink (#F9DAE3): A whisper-light, dusty rose — the color of strawberry cream.
• Walnut (#916F3A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#633B00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#3F1E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1F1400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, 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

• Washed Courtyard color palette (#DFF6E9, #7B7A24, #4F4600, #322600, #151900)
• Washed Summit color palette (#F8E5D2, #C79445, #AE6B00, #874700, #201300)
• Chestnut Cabin color palette (#F8D9E8, #834900, #471F00, #220700, #070200)
• Muted Garnet Courtyard color palette (#EDDDCC, #9F8A56, #895200, #6B2200, #171800)
• Moss Dune color palette (#E5E0B2, #929427, #665C00, #4A3A00, #262D00)
• Aged Bronze color palette (#E8FBEA, #8CB296, #886E41, #405A3D, #2A4435)
• Shadow Garnet color palette (#CFEDEB, #005725, #5A0800, #241400, #050700)
• Dusty Navy Alley color palette (#D3E2E9, #008693, #00416F, #00393F, #00040B)

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