Tempered Chestnut color palette — #FAF4EE · #DAD2BF · #ABA983 · #7D4F00 · #37322C

A conversation between Coffee and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Oat (#DAD2BF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ABA983): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#7D4F00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#37322C): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Chestnut Pier color palette (#ECF4ED, #C7D9CC, #B3AD80, #785300, #0D1F10)
• Aged Olive color palette (#F6F6EE, #D3DCD5, #ABB8A7, #546E23, #3C3B30)
• Timeworn Olive Boulevard color palette (#E6E3DD, #9C9B8A, #6A7834, #342A00, #0F0800)
• Washed Drift color palette (#F8F4EF, #D8DBD4, #9EB0B2, #957F56, #585148)
• Brick Meadow color palette (#FFF2ED, #E2CEBF, #B7A387, #AB001E, #581D01)
• Feathered Field color palette (#F0EDD0, #65A275, #006A5A, #752025, #003918)
• Pale Aubergine color palette (#F8E0D5, #AF9A69, #547E25, #643391, #672543)
• Forest Alley color palette (#EBECE5, #B5BCAE, #7F9580, #1D5200, #20210A)

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