Chestnut Harbor color palette — #FFF3E7 · #D2BB8B · #B0855E · #945733 · #3F3D36

Ochre and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sand (#D2BB8B): A luminous, dusty gold — the color of old brass.
• Caramel (#B0855E): A luminous, dusty gold — the color of afternoon light on wheat.
• Ochre (#945733): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3F3D36): quiet, heavy and certain.

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

• Mustard Alley color palette (#F5E5D3, #C3AD63, #9F7847, #7B4E3A, #32302A)
• Bronze Pier color palette (#FDF4E2, #C6D1A4, #A99A77, #986A2F, #494C00)
• Driftwood Drift color palette (#FFF1F6, #B7DBC3, #D1A275, #BA7165, #1F453B)
• Cocoa Drift color palette (#FFF2EC, #D3C581, #976256, #692F0B, #2B1E18)
• Pale Bronze color palette (#FBF3EE, #FFAE89, #7E9C4B, #BA663F, #272511)
• Soft Mustard color palette (#FFF0E8, #E9B961, #989842, #4E7638, #00482D)
• Antique Dune color palette (#F5ECDF, #9A8F00, #7D5A00, #5F2E00, #1A1700)
• Garnet Lantern color palette (#FFE8DB, #9F5B15, #7A2300, #490216, #060300)

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