Chestnut Harbor color palette — #F7F1E8 · #CBB995 · #948054 · #774F06 · #312C1C

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Sand (#CBB995): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#948054): A luminous, dusty gold — the color of old brass.
• Coffee (#774F06): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#312C1C): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Chestnut Harbor 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 Bronze Archive color palette (#FBF4EA, #D9E5C2, #C6AA73, #A26D3A, #464100)
• Patina Boulevard color palette (#EBDED2, #BA8F5F, #8E551D, #5B3218, #241400)
• Tempered Driftwood color palette (#EBFAED, #97C4AD, #678A6E, #6F5560, #3A4C47)
• Olive Workshop color palette (#F3E9CA, #9CA762, #726F00, #4F4300, #201D00)
• Washed Lilac color palette (#FCEEF0, #B17FBC, #B46E52, #785729, #2F1C21)
• Fern Alley color palette (#FAEDD3, #6E6300, #423500, #211600, #020200)
• Aged Lagoon color palette (#E9F5ED, #3296A5, #7A6200, #3A5416, #131C0F)
• Peony Hollow color palette (#FFECF1, #DEB5E0, #B16A9E, #783B5E, #4B132B)

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