Tempered Chestnut color palette — #FBF2F9 · #DDB896 · #7E5048 · #492E43 · #2E2224

Coffee and Sand set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Sand (#DDB896): A luminous, dusty gold — the color of old brass.
• Coffee (#7E5048): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#492E43): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#2E2224): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Aged Pewter color palette (#F6EFF6, #A8CDBB, #815354, #3F2740, #1A101A)
• Driftwood Atelier color palette (#FBF3F1, #DED0A8, #A66B6E, #684236, #342824)
• Antique Garden color palette (#FBF3EF, #FFD5AC, #C68F83, #995A3A, #322925)
• Chestnut Harbor color palette (#EBFAEE, #C3AC77, #644E0F, #183522, #0D1F1C)
• Timeworn Hollow color palette (#FFF0F8, #CE9547, #733300, #411900, #2A101F)
• Lowlit Chestnut color palette (#F4DCEB, #845100, #2C2011, #290800, #070100)
• Muted Fern Alley color palette (#FFF1F5, #CFB58B, #97844F, #625907, #454800)
• Muted Coast color palette (#E7FBED, #C0A372, #80793F, #296656, #3B4D40)

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