Chestnut Harbor color palette — #FAF3F8 · #D1DEDA · #9BBCAD · #8F5041 · #43363F

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

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#D1DEDA): bright and airy, almost weightless.
• Ash (#9BBCAD): A luminous, dusty teal — the color of sea glass.
• Coffee (#8F5041): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#43363F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Bronze Orchard color palette (#FBF2F7, #E5D5D3, #B2C6C2, #AC6F55, #43363E)
• Chestnut Lagoon color palette (#EEF8EF, #C2D9D0, #85B395, #775300, #273829)
• Worn Mulberry Coast color palette (#F7F3FB, #E4D5D8, #CAA9B5, #8F4870, #3D3842)
• Dusty Delta color palette (#F8F0EB, #D9D6CA, #C2B5A2, #845846, #271E19)
• Weathered Driftwood color palette (#F1F7F2, #D3DDDE, #ACAAB7, #908154, #4D554F)
• Cocoa Workshop color palette (#E7E0E4, #B0BDB2, #6C998B, #722B00, #281B22)
• Tempered Olive Delta color palette (#F5DDFB, #BF9874, #6E7E42, #5B4A76, #483B50)
• Softworn Boulevard color palette (#EDF9EF, #90A374, #16744D, #593F65, #193D34)

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