Tempered Bronze Courtyard color palette — #FFF1F2 · #F1D3D0 · #E1A5AC · #A4783C · #644A00

A conversation between Mocha and Bronze, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#F1D3D0): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#E1A5AC): A luminous, dusty red — the color of embers at dusk.
• Mocha (#A4783C): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#644A00): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Softworn Alley color palette (#FFF2EC, #E6DABF, #CBA881, #8A853C, #475000)
• Worn Driftwood color palette (#FFF2E8, #D8B38D, #A4863B, #386142, #003729)
• Timeworn Amber color palette (#FFF1F4, #FFACA9, #CE6E50, #696100, #2B3700)
• Worn Cocoa Loft color palette (#FDDCD3, #A8785D, #694300, #152F00, #000200)
• Cypress Veranda color palette (#CDF9EC, #D3B5C1, #A27E76, #4A6951, #2E514B)
• Olive Studio color palette (#FFF3E9, #F3D2AB, #AB955D, #63712C, #35412B)
• Hushed Delta color palette (#F8E6D0, #BFAC7D, #71741F, #005744, #001A19)
• Weathered Cabin color palette (#FFE2ED, #C47C8A, #903833, #3C2E00, #070800)

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