Tempered Cocoa color palette — #F0E8E1 · #ABA496 · #8E8760 · #673700 · #100702

Built around Bronze, softened by Driftwood — the whole palette hums with nature and growth.

The five colors

• Parchment (#F0E8E1): bright and airy, almost weightless.
• Taupe (#ABA496): A luminous, dusty gold — the color of honey in a jar.
• Driftwood (#8E8760): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#673700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#100702): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Cocoa 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 Summit color palette (#F2E5E1, #B6A092, #9A8165, #82062D, #140402)
• Washed Archive color palette (#F6E9EE, #B2BEB4, #81988C, #583100, #040001)
• Tempered Field color palette (#F5E3E8, #8BA08D, #5F7866, #3E2400, #140409)
• Worn Chestnut Study color palette (#F2E9ED, #95A7A5, #709197, #944E00, #14040B)
• Timeworn Fern Thicket color palette (#E4E3DC, #B1B8A1, #879D81, #415D00, #161403)
• Worn Bronze color palette (#F3EEE6, #DBD8CB, #B7BAA1, #916A00, #332D23)
• Bronze Lantern color palette (#FFE5D7, #867F2D, #205F34, #3B1F4B, #1F052A)
• Dusty Atelier color palette (#F4E8D9, #EE500F, #A37200, #1F6400, #020200)

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