Chestnut Harbor color palette — #F0F8ED · #479789 · #84572D · #534D0D · #31332C

Coffee takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F8ED): bright and airy, almost weightless.
• Fern (#479789): A luminous, balanced teal — the color of sea glass.
• Coffee (#84572D): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#534D0D): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#31332C): quiet, heavy and certain.

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

• Washed Terrace color palette (#EBF9F1, #4889A0, #747032, #315433, #293428)
• Hushed Pewter Corridor color palette (#F8F5EA, #838A4A, #8D4F6C, #713B30, #37322D)
• Abyss Drift color palette (#E5FCEF, #007391, #5E5500, #004517, #002928)
• Timeworn Pewter Ridge color palette (#F7EFF6, #788EBE, #8E567E, #624A00, #082116)
• Wandering Periwinkle Coast color palette (#FFF2EE, #94A5DC, #796F9D, #764D46, #55404E)
• Cerulean Grove color palette (#F9F3F9, #E0D7D9, #B3ABA3, #6785A7, #565056)
• Wandering Bronze Loft color palette (#F1F5FF, #A799D5, #A777A1, #836522, #1D363E)
• Weathered Coral Market color palette (#F3F4FF, #CEABF4, #E67F80, #B47D4F, #253930)

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