Tempered Bronze Courtyard color palette — #F1E4DA · #AE6C0D · #664500 · #2F2300 · #181300

Ochre and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F1E4DA): bright and airy, almost weightless.
• Ochre (#AE6C0D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#664500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2F2300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#181300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged muted.

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

• Bronze Quarry color palette (#F4E1C4, #866800, #433B00, #1A1B00, #070B00)
• Airy Summit color palette (#FFD7D5, #D66B35, #895A00, #413700, #111E00)
• Gentle Olive color palette (#EDEBCB, #7A8710, #3F5600, #123000, #001A06)
• Cocoa Balcony color palette (#ECE2E7, #C4B4BA, #A6838E, #702E00, #2A1923)
• Garnet Thicket color palette (#FFE3E7, #C7535B, #900407, #451000, #260C00)
• Timeworn Fern color palette (#F1ECD7, #8A915E, #435E32, #003C3E, #0B2134)
• Gentle Study color palette (#FFEAD3, #C8A874, #917404, #5C5200, #414200)
• Pine Lantern color palette (#C0F6C4, #6FB188, #007E5B, #004F42, #003A37)

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