Tempered Cocoa color palette — #FDF5E1 · #FFBACD · #D2A37F · #6D9684 · #71331A

A conversation between Rust and Carnation, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FDF5E1): A whisper-light, dusty gold — the color of honey in a jar.
• Carnation (#FFBACD): A whisper-light, balanced red — the color of late-summer berries.
• Camel (#D2A37F): A luminous, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#6D9684): A luminous, dusty teal — the color of glacier melt.
• Rust (#71331A): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged retro, light, muted, warm.

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

• Antique Chapel color palette (#FFF4E1, #FFBEAF, #C1AD6F, #768DB1, #6A3A00)
• Softworn Mallow Grove color palette (#F9F6DF, #E6BEFF, #D69CA4, #7B9473, #574143)
• Shell Bloom color palette (#FFF2ED, #FFAEAE, #7FB899, #58919B, #56374C)
• Worn Petal color palette (#E6FBF2, #FFCBE9, #C19878, #537790, #48394A)
• Dusty Apricot color palette (#FFF1F5, #FFA192, #BA8464, #4E796C, #54414E)
• Antique Stone Corridor color palette (#FFF1F0, #E6D9C1, #C9BCA3, #AE9AAC, #5D4D5B)
• Patina Apricot Station color palette (#FFEEE5, #F79B82, #9E7136, #5E524B, #27201E)
• Aged Marigold Boulevard color palette (#FFF5D4, #FFA49D, #D19C19, #1677BE, #522914)

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