Tempered Cocoa Drift color palette — #FFF3E8 · #BDA282 · #90684C · #764131 · #403D36

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#BDA282): A luminous, dusty gold — the color of old brass.
• Walnut (#90684C): A full-bodied, dusty gold — the color of old brass.
• Coffee (#764131): A full-bodied, dusty orange — the color of toasted spice.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Cocoa Drift 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

• Chestnut Hollow color palette (#FAF5E7, #AEA885, #797543, #674D06, #414000)
• Patina Garnet Dune color palette (#F9E3D3, #B1906C, #8B542F, #732816, #34302A)
• Timeworn Amber color palette (#FFF1F7, #A6C8AC, #C07D4E, #8E5857, #2E423A)
• Quiet Terracotta color palette (#FFEFF9, #DD9BB4, #AE585D, #941C04, #5D2900)
• Worn Sand Summit color palette (#FFF1F7, #F6C790, #CFA282, #9C7D92, #2E4333)
• Muted Atelier color palette (#FDF2F4, #CB9CCE, #A35549, #883A8F, #321F15)
• Patina Coast color palette (#F6DBC0, #8E703E, #653900, #451800, #1C1500)
• Tempered Denim Harbor color palette (#FFF1F5, #C2AC7F, #5E4471, #392249, #2A1D22)

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