Chestnut Harbor color palette — #FAF4EC · #D4BD8E · #755A13 · #3C3832 · #26271F

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sand (#D4BD8E): A luminous, dusty gold — the color of old brass.
• Coffee (#755A13): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#3C3832): a grounded near-black with real depth.
• Onyx (#26271F): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Hushed Sand Field color palette (#EEF8F0, #E9CE96, #64876C, #3E5343, #262E28)
• Chestnut Chapel color palette (#E9E1CF, #785900, #242F32, #191400, #030200)
• Aged Forest Cabin color palette (#F4F6EE, #C7AB6E, #00622F, #0B371C, #202317)
• Antique Taupe color palette (#F0F7F1, #C5E9CC, #B19C6F, #5A7560, #232F25)
• Taupe Summit color palette (#FFF4E2, #97B374, #38886D, #5E517B, #474841)
• Bronze Grove color palette (#EAECD9, #9A7300, #063001, #132223, #010D00)
• Chalky Ridge color palette (#FFF6D0, #AAC895, #519A6A, #116D58, #00544F)
• Cobalt Thicket color palette (#FBF4E9, #A48F48, #3E85B9, #6C5283, #403D36)

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