Tempered Chestnut color palette — #F4F3E6 · #A9CFA9 · #5F8F78 · #885321 · #31322B

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

The five colors

• Cream (#F4F3E6): a clean, paper-quiet neutral.
• Pistachio (#A9CFA9): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5F8F78): A luminous, dusty teal — the color of shallow lagoons.
• Coffee (#885321): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#31322B): quiet, heavy and certain.

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

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

• Fern Market color palette (#F4F2E4, #9CBE97, #4C8265, #615600, #272914)
• Wandering Basin color palette (#ECF8F4, #9DCBC7, #578D7F, #725E71, #3A5350)
• Mint Dune color palette (#F2F4E1, #92C479, #B28CBF, #597E47, #45272F)
• Antique Olive Villa color palette (#F6F1EA, #C5E6DB, #68A8B1, #5B7536, #253C30)
• Softworn Cabin color palette (#F1F4DF, #72AE6E, #708DC6, #A16663, #27291A)
• Washed Basalt color palette (#F2F4DD, #C0ECD3, #9FD2EB, #918C67, #364400)
• Patina Fern color palette (#F8F5E9, #BAE6F1, #9EB799, #997E7E, #404D00)
• Hushed Study color palette (#F2E6D3, #949235, #455F00, #483600, #181100)

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