Chestnut Harbor color palette — #FBF1FB · #AA5F61 · #7B4F00 · #004A46 · #272641

Coffee takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF1FB): bright and airy, almost weightless.
• Mocha (#AA5F61): A full-bodied, balanced red — the color of late-summer berries.
• Coffee (#7B4F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#004A46): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#272641): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Bronze Study color palette (#FFF1F6, #A2724F, #6D6F37, #005760, #362F43)
• Dusty Chestnut color palette (#F4F4FF, #977AB1, #885711, #005450, #3F2D59)
• Ancient Lagoon color palette (#FBEFE9, #B5563D, #636700, #07532E, #0A180D)
• Fern Drift color palette (#EAFBE8, #8C5900, #296000, #00416A, #400C19)
• Worn Terrace color palette (#E4F2E2, #784B00, #00461F, #001A69, #2F0403)
• Wandering Meadow color palette (#EFDFEF, #AB505A, #402A36, #281929, #120B10)
• Misty Mulberry color palette (#FAE4FA, #A40032, #4F4800, #002F3C, #2B001E)
• Pewter Courtyard color palette (#F7F4FA, #E2D7DB, #CCBBBC, #9D5B81, #4B4551)

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