Tempered Cocoa Drift color palette — #F3E3D6 · #906841 · #683400 · #3D1500 · #0A0400

Bronze and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F3E3D6): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#906841): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#683400): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#3D1500): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0A0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Olive Basin color palette (#EFE8D5, #727735, #4B4500, #2B2200, #040600)
• Feathered Bronze Veranda color palette (#F8E1EB, #9B6B0F, #6C3400, #500403, #001C0E)
• Chestnut Summit color palette (#F0DDCA, #B2926B, #8B571E, #612E00, #231500)
• Cocoa Market color palette (#F3DACC, #774222, #4B1600, #230100, #030100)
• Garnet Loft color palette (#FAD6E0, #B85568, #850021, #410200, #0C0100)
• Wandering Bronze color palette (#F6F1E6, #C4BB9D, #9A7F39, #715200, #302C1A)
• Garnet Garden color palette (#F7E8E9, #A75796, #830019, #5F0052, #040000)
• Aubergine Study color palette (#EBD9DD, #B25C4D, #430055, #110018, #040001)

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