Tempered Chestnut color palette — #FBF2F5 · #D0DEDB · #A7B9AC · #87581D · #42373B

Ochre takes the lead with Ash close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Silver (#D0DEDB): bright and airy, almost weightless.
• Ash (#A7B9AC): A luminous, dusty teal — the color of shallow lagoons.
• Ochre (#87581D): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#42373B): quiet, heavy and certain.

Feels like: 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

• Dusty Bronze Balcony color palette (#F9F4EF, #D9DBCE, #B9C2B1, #AD7036, #423930)
• Chestnut Dune color palette (#F7EFF2, #CEDBD8, #A2BFB4, #935200, #2A1B21)
• Fern Basin color palette (#E9FAF2, #C4D8D1, #87B1A8, #5C5F00, #21382F)
• Aged Driftwood color palette (#EFF7F4, #D2DBDD, #AAACB6, #7A895D, #4D5552)
• Washed Boulevard color palette (#DBE2DC, #AEBEB2, #7C9587, #5B3E00, #172319)
• Obsidian Chestnut color palette (#D0EAD9, #766100, #0B2D20, #07170E, #010504)
• Washed Spruce Loft color palette (#D7E5E2, #8A9F9C, #557877, #163300, #000C0A)
• Feathered Workshop color palette (#E5FCEB, #F7AD57, #C99B18, #7D7F00, #3C3000)

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