Chestnut Pier color palette — #FCF0E4 · #CEB895 · #A17A56 · #814621 · #302C1E

A conversation between Coffee and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FCF0E4): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CEB895): A luminous, dusty gold — the color of old brass.
• Mocha (#A17A56): A luminous, dusty gold — the color of old brass.
• Coffee (#814621): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#302C1E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Chestnut 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 Drift color palette (#FFECEF, #E3A9BC, #BD6C6D, #82441A, #3D2900)
• Chestnut Balcony color palette (#FFF3E6, #D1B389, #997959, #83501B, #604100)
• Driftwood Garden color palette (#E5DDCD, #808E49, #635400, #462A00, #0F1000)
• Wandering Bronze Canyon color palette (#F7E7CD, #A7A455, #876500, #663500, #132100)
• Aged Oat Boulevard color palette (#FFF1F6, #DFC89A, #B68E9E, #836D7C, #3B4C44)
• Sunlit Drift color palette (#FFE6D7, #A25F1A, #772300, #470014, #090400)
• Bronze Market color palette (#F8EFF1, #D8B4E3, #A27B33, #8A5E96, #1B150B)
• Pewter Pier color palette (#F8EFF2, #C7C69B, #6E5581, #432731, #1C1014)

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