Tempered Cocoa Drift color palette — #FCF4E9 · #E9D7BA · #CDB18D · #B08A63 · #5D4300

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Wheat (#E9D7BA): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CDB18D): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#B08A63): A luminous, dusty gold — the color of old brass.
• Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Soft Chestnut color palette (#F0E0D2, #BE976A, #AF6A23, #8D4200, #201300)
• Washed Amber color palette (#F3E5DA, #DCBA9C, #D08B61, #A9664D, #342F2A)
• Dusty Ash color palette (#FCF3EC, #E4B993, #C3ABD8, #BF84AC, #593300)
• Patina Stone Delta color palette (#EDF9ED, #B8EBE6, #C6A982, #8E7080, #2F443D)
• Worn Studio color palette (#F6EED9, #CDCC8A, #B6A544, #9C7B07, #343A00)
• Bronze Bloom color palette (#F1E2CB, #93802C, #775B00, #553900, #040300)
• Moss Orchard color palette (#E5DFCA, #ADB887, #949424, #7A6C00, #1C2900)
• Driftwood Market color palette (#E7F7E8, #A4C5AB, #6F8B70, #6D4E58, #233027)

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