Tempered Cocoa color palette — #F2E4ED · #CC934E · #792800 · #350D00 · #0B0307

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

The five colors

• Blush (#F2E4ED): a clean, paper-quiet neutral.
• Mustard (#CC934E): A luminous, balanced gold — the color of honey in a jar.
• Rust (#792800): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#350D00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0B0307): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, 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

• Tempered Alley color palette (#E1ECE3, #C09A48, #5B4200, #261A00, #010702)
• Dusty Studio color palette (#ECE6F0, #CE8F6D, #7E1149, #34091D, #09020D)
• Linen Drift color palette (#FFEADD, #ECA340, #994925, #4F2A1B, #201209)
• Weathered Amber color palette (#FBEDF3, #D09058, #746400, #7D4500, #000903)
• Inked Station color palette (#FFE8F3, #A36B00, #451C00, #120400, #040002)
• Worn Terracotta Dune color palette (#FCF1FA, #DCD28C, #9A463C, #431914, #080206)
• Linen Taupe color palette (#F7E7C9, #B69D41, #736B00, #3B4100, #131D00)
• Softworn Chestnut Thicket color palette (#ECF4EE, #A7CFB0, #725F2D, #1A3925, #0E1610)

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