Tempered Cocoa color palette — #FBDCCB · #AC7955 · #852B00 · #460009 · #020100

Rust takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FBDCCB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#AC7955): A luminous, balanced gold — the color of old brass.
• Rust (#852B00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#460009): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Softworn Cocoa color palette (#F7EDE1, #9C8348, #6B4400, #381700, #010100)
• Terracotta Workshop color palette (#FFDEC8, #C68B56, #9A4100, #630202, #070300)
• Midnight Parlor color palette (#FFDCD2, #8B5200, #631800, #330014, #000201)
• Rust Veranda color palette (#F6DED1, #BE803A, #BD3A00, #881943, #0F0B00)
• Muted Garnet Harbor color palette (#FFF2E9, #ECAC68, #C35D00, #8F1900, #221600)
• Wandering Bronze color palette (#FFF4DE, #B5B779, #897526, #5F3F00, #0E1600)
• Garnet Villa color palette (#D9F2E7, #00698D, #930025, #382300, #000103)
• Amber Villa color palette (#FFF3E2, #DED18D, #B38B30, #885100, #282B01)

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