Tempered Courtyard color palette — #FFF3E8 · #D28B50 · #5E4000 · #281B0F · #090403

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mustard (#D28B50): A luminous, balanced gold — the color of old brass.
• Bronze (#5E4000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#281B0F): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#090403): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Weathered Moss color palette (#FAF5E4, #A9A30E, #4C4900, #231E0D, #070502)
• Apricot Pier color palette (#EDE2D9, #E89353, #856D24, #6D3C00, #1F1613)
• Ancient Bronze Summit color palette (#FFEBCF, #A37500, #2F2D00, #0C1615, #0D0600)
• Patina Olive color palette (#E9E7CD, #638400, #5B514D, #222808, #050400)
• Feathered Boulevard color palette (#FFF4DA, #C9BD69, #48BADC, #BA7AA3, #352908)
• Pale Amber color palette (#FFF3E9, #FFD495, #B9963A, #7D721C, #3A3B0D)
• Hushed Taupe Station color palette (#FBF4E9, #D7E2BE, #97A477, #926C61, #3B3831)
• Cellar Pine color palette (#DEE4C5, #007427, #2B3539, #001710, #010100)

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