Chestnut Harbor color palette — #F8EFF2 · #C8DFDB · #A9BCB5 · #835A35 · #271D21

Built around Coffee, softened by Silver — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#C8DFDB): A whisper-light, dusty teal — the color of sea glass.
• Ash (#A9BCB5): A luminous, dusty teal — the color of shallow lagoons.
• Coffee (#835A35): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#271D21): quiet, heavy and certain.

Feels like: Optimism, 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

• Weathered Balcony color palette (#E5F7ED, #B3DFD5, #89B8A0, #645D00, #0A1F16)
• Hushed Chestnut color palette (#FAF4EE, #D8DBCD, #B4B5A2, #8B5528, #573000)
• Driftwood Workshop color palette (#FBF4EC, #DDDDCE, #A9B8A9, #A3835E, #322D28)
• Worn Cypress color palette (#FEE3F0, #B1A479, #547A5D, #504C6F, #262238)
• Timeworn Cocoa Corridor color palette (#DBE4DA, #A5B9AE, #78948D, #5E3B00, #050D05)
• Chestnut Terrace color palette (#E1F3E6, #796200, #002C25, #041008, #050102)
• Spruce Basin color palette (#D7E2DF, #7B9392, #49737B, #203000, #000201)
• Airy Amber color palette (#D3F3D7, #C57300, #526400, #2D3461, #021E0B)

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