Chestnut Harbor color palette — #FFDFC8 · #ACB781 · #298A88 · #83443C · #623402

Coffee and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#FFDFC8): A whisper-light, dusty gold — the color of old brass.
• Sage (#ACB781): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#298A88): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#83443C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#623402): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

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

• Wandering Cocoa Grove color palette (#C2ECD8, #95B5A6, #4D7E7F, #7C444E, #5B430F)
• Patina Abyss Delta color palette (#E4F7DC, #7DB07B, #007A98, #674300, #1C4700)
• Mulberry Boulevard color palette (#FFE4FE, #C2A36F, #618349, #8E3F63, #6C4044)
• Chalky Market color palette (#E7FCEA, #9CAA76, #007E47, #684B00, #363F18)
• Timeworn Alley color palette (#D1ECC0, #7EBA9F, #00858C, #624575, #411E31)
• Antique Boulevard color palette (#E1FEE9, #94B8B5, #6E91A4, #7F6140, #425949)
• Washed Harbor color palette (#FDEDB7, #ABE3B0, #6EBAC8, #AD7E8D, #5E3C38)
• Cocoa Meadow color palette (#F4EBD3, #588980, #006A68, #5A2800, #372900)

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