Chestnut Pier color palette — #FCF4E9 · #C8B692 · #9B794E · #854E21 · #544700

Coffee takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Sand (#C8B692): A luminous, dusty gold — the color of old brass.
• Mocha (#9B794E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Coffee (#854E21): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#544700): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Amber Pier color palette (#FFF1F2, #DEA6B0, #C16C56, #7F4C23, #5D4500)
• Bronze Veranda color palette (#FCF4E9, #DDC89E, #B29673, #996931, #5D4300)
• Aged Loft color palette (#EAF5EA, #A4C5AA, #6F8C6F, #6B4F59, #213026)
• Aged Chestnut color palette (#F5E4D9, #B88D5E, #914F2D, #683132, #33302A)
• Aged Moss color palette (#FEEDCB, #99A64B, #7D6700, #683F00, #35362F)
• Weathered Pier color palette (#EFF8EF, #C7E1CE, #A3BFA2, #AA8696, #374E42)
• Patina Hollow color palette (#F1DCC4, #7E6400, #503000, #340E00, #0B0C00)
• Fern Loft color palette (#EFE9D5, #7A915C, #5D5800, #4A3200, #22270B)

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