Tempered Cocoa Courtyard color palette — #FFEEEF · #D69492 · #A55B4D · #7E3519 · #612B00

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

The five colors

• Cream (#FFEEEF): bright and airy, almost weightless.
• Camel (#D69492): A luminous, balanced orange — the color of toasted spice.
• Ochre (#A55B4D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#7E3519): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#612B00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Hushed Garnet Workshop color palette (#FFEBF8, #D293B2, #A65C75, #803443, #71181F)
• Softworn Meadow color palette (#FFEEE8, #D8A07D, #9D6628, #694300, #353B07)
• Faded Chestnut Study color palette (#FFEBFF, #EBADBF, #CB766F, #944C00, #543800)
• Worn Bloom color palette (#FDF0FD, #F6D2C9, #FF9796, #BA6F50, #4F3349)
• Antique Pewter color palette (#F8F3FA, #DFD7DA, #CDB9BE, #9D5F71, #4C454F)
• Ancient Amber Orchard color palette (#FEF1F8, #C1704D, #786010, #2A5413, #512840)
• Chalky Brick Quarry color palette (#F8E2E1, #B73120, #632000, #2B0F00, #0B0700)
• Weathered Amber color palette (#EFE3D2, #B88B00, #6A5B00, #393600, #05280E)

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