Tempered Cocoa Workshop color palette — #FDF4E1 · #FFBCC2 · #D0A572 · #6D9686 · #6F3511

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

The five colors

• Cream (#FDF4E1): A whisper-light, dusty gold — the color of old brass.
• Ballet Pink (#FFBCC2): A whisper-light, dusty red — the color of embers at dusk.
• Camel (#D0A572): A luminous, balanced gold — the color of old brass.
• Eucalyptus (#6D9686): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#6F3511): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged retro, light, muted.

Use it as a design system

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

• Cocoa Lagoon color palette (#FFF4E0, #FFBEB1, #C3AC6E, #9D819F, #6B3900)
• Mallow Workshop color palette (#F9F6E4, #F0BAF8, #DA9B9A, #789577, #554242)
• Timeworn Meadow color palette (#E7FBF0, #FFCCE2, #BF9A74, #537694, #4A3849)
• Wandering Apricot color palette (#ECF9EB, #F9A689, #B7875C, #617752, #54414C)
• Shell Studio color palette (#FFF2ED, #FFAFAB, #84B88E, #619381, #204B41)
• Sand Orchard color palette (#FFF2EF, #F7D9C0, #CDC4A5, #AA9CA9, #5B4D5A)
• Amber Lagoon color palette (#FFF4E0, #FFA68F, #BB9A00, #497CBD, #4E2C0F)
• Hushed Apricot Veranda color palette (#FEEEE4, #FE9968, #9B7433, #5D524B, #26201E)

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