Tempered Chestnut color palette — #FFF0F9 · #DFB297 · #A87C55 · #805000 · #5B4200

Coffee and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sand (#DFB297): A luminous, dusty gold — the color of old brass.
• Caramel (#A87C55): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#805000): A full-bodied, balanced gold — the color of old brass.
• Bronze (#5B4200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged 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

• Dusty Garden color palette (#E3FEE1, #CFB88F, #8F7F48, #665D00, #454900)
• Softworn Boulevard color palette (#FFF2F0, #FBC0BA, #CF8F5C, #8E6C2A, #474A07)
• Hushed Delta color palette (#F9F2FF, #CBB2D5, #AF6A72, #903D3B, #653900)
• Ancient Lantern color palette (#EDF9EE, #CE9B7C, #917044, #3A653C, #57404A)
• Washed Bronze color palette (#F2E8DC, #A7812A, #6E5C00, #3A3800, #232800)
• Hushed Amber color palette (#FFF0F8, #ECD8C5, #F8B184, #BB8B47, #583746)
• Chestnut Meadow color palette (#FDE4D6, #894C00, #462C00, #150D00, #010200)
• Tempered Bronze color palette (#FBEEF3, #AA6C3E, #4B353C, #35222B, #1C1314)

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