Chestnut Ridge color palette — #F7F1E4 · #C4BC95 · #8C8452 · #755003 · #2E2D1D

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

The five colors

• Cream (#F7F1E4): bright and airy, almost weightless.
• Sand (#C4BC95): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#8C8452): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#755003): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#2E2D1D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Chestnut Ridge 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

• Tempered Veranda color palette (#EBFAF0, #98C3B6, #8C8053, #6E555F, #364D4B)
• Worn Bronze Thicket color palette (#FBF5E7, #D1E5C7, #BBAF77, #A06E38, #394600)
• Bronze Balcony color palette (#ECDCC4, #81720E, #573F00, #341C00, #050600)
• Patina Chestnut color palette (#EADED0, #AC965D, #885900, #5A3314, #1F1700)
• Linen Quarry color palette (#EEDBCF, #CA7600, #923F00, #6B0400, #1B0F00)
• Softworn Quarry color palette (#E8F6EE, #52A1BA, #B6696E, #7C5529, #17271F)
• Worn Petrol color palette (#EDF4EF, #D6C194, #006D7F, #193926, #0C1710)
• Washed Violet Hollow color palette (#EDF4F0, #8DCEEB, #976DBD, #267C9C, #1F1116)

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