Chestnut Pier color palette — #F9F0E7 · #C1B28E · #687E44 · #764A04 · #2F2612

Bronze and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F0E7): bright and airy, almost weightless.
• Stone (#C1B28E): A luminous, dusty gold — the color of honey in a jar.
• Olive Leaf (#687E44): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#764A04): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2F2612): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Olive Courtyard color palette (#FAF4EB, #B8B17F, #767827, #745302, #533F00)
• Ancient Fern Workshop color palette (#FCF0E2, #A9A171, #596D37, #0F5242, #251A00)
• Washed Fern Hollow color palette (#F4F3E0, #7FB692, #007C6E, #3E550B, #002813)
• Twilit Spruce Dune color palette (#ECDCC5, #6A6C29, #184100, #291B00, #030300)
• Worn Field color palette (#EFF8ED, #A5D0B8, #82995B, #5F7A5C, #35473D)
• Emerald Alley color palette (#EAE3B8, #8EB276, #2F9355, #00624F, #003534)
• Feathered Forest color palette (#F1E3C9, #8A9F55, #006F29, #4C3C00, #121900)
• Hushed Emerald color palette (#EDF6E0, #C1E0D8, #A8D1F9, #6B8F4C, #263624)

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