Tempered Cocoa color palette — #FCF4E4 · #FFBCC1 · #CDA677 · #689789 · #6F3510

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

The five colors

• Cream (#FCF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Ballet Pink (#FFBCC1): A whisper-light, dusty red — the color of embers at dusk.
• Camel (#CDA677): A luminous, dusty gold — the color of honey in a jar.
• Eucalyptus (#689789): A luminous, dusty teal — the color of sea glass.
• Bronze (#6F3510): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

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

• Weathered Cocoa Canyon color palette (#FFF4E1, #FCBFB2, #BEAD7F, #9F809E, #6B3900)
• Washed Orchard color palette (#FAF5E3, #EBBFF1, #D39F9E, #58989E, #584141)
• Pine Station color palette (#FFF4E2, #FFD2B7, #BC9C6F, #48824F, #5C3400)
• Ancient Shell color palette (#FEF2EF, #FCAFB8, #90B683, #7186B3, #53384E)
• Hushed Stone color palette (#EDF9ED, #EAAE93, #B2895D, #5A7852, #55414A)
• Ash Field color palette (#FFF2EE, #E2DAC2, #CCC2A8, #A28DA1, #614B57)
• Apricot Bloom color palette (#FAEFE8, #F1A175, #997433, #7B4515, #27201D)
• Aged Powder Loft color palette (#FBF3EF, #C7DEE2, #A4C5EB, #99A983, #305249)

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