Aged Pier color palette — #FAF4ED · #C7DFCC · #A17E58 · #633C00 · #211A12

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Celadon Mist (#C7DFCC): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#A17E58): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#633C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#211A12): a grounded near-black with real depth.

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

Use it as a design system

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

• Muted Vanilla Summit color palette (#FFF2EE, #FFF8B9, #A7777C, #57403A, #231816)
• Hushed Pine Meadow color palette (#F4F7E7, #E7E1B5, #548457, #373D00, #0F1007)
• Dusty Market color palette (#FDF3EA, #EBDEAF, #BB9670, #916228, #33291F)
• Patina Garden color palette (#FAEEF2, #A9CEB6, #7A5A37, #462A05, #1E0F14)
• Antique Corridor color palette (#F0F0D9, #D99100, #244600, #1B2526, #030A00)
• Washed Teal color palette (#FAF4ED, #DFDFCD, #77BFAB, #B69365, #1B2017)
• Bronze Study color palette (#F2E6D4, #997400, #261900, #0C0C06, #020100)
• Hushed Basalt color palette (#F1F7F0, #ACC9B2, #4B6748, #264024, #192A25)

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