Tempered Chestnut color palette — #FFF0F8 · #A8BFAA · #9F765F · #824C4F · #384D43

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Stone (#A8BFAA): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#9F765F): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#824C4F): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal (#384D43): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Chestnut Terrace color palette (#FDEFE5, #D1B699, #A87558, #824624, #332B1F)
• Wandering Taupe color palette (#FDF1F7, #E7BDCC, #BB9179, #876A7F, #3D4C3F)
• Tempered Workshop color palette (#EBF9F5, #819A68, #3C8E89, #794C7C, #28433D)
• Timeworn Bronze Boulevard color palette (#F0F7F2, #D1BF92, #41889B, #876900, #1D313B)
• Frosted Garnet color palette (#E3F4E1, #A99E62, #915C00, #832200, #2A3C09)
• Cocoa Thicket color palette (#D8EFE0, #73A294, #74621C, #663600, #0B3836)
• Worn Lagoon color palette (#DFFFE4, #B8BD8F, #50906C, #006D66, #00526B)
• Wandering Onyx Corridor color palette (#F5D9E5, #7E6321, #572B00, #3D0006, #0B0D00)

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