Your show isn’t one-size-fits-all—so why should your website be? With On The Stage, you can bring your production to life online by tailoring your show site’s design to match your unique branding, energy, and aesthetic. From bold headers to vibrant buttons, your color choices help set the tone and captivate your audience before they even enter the theater.

There are plenty of reasons why you might want—or need—to customize your show site’s design, whether you’re reinforcing brand identity, boosting readability, or just adding a little theatrical flair. With intuitive tools and total creative control, you can design a show site as polished and unforgettable as your production itself.

You can tailor your website to complement your original artwork by customizing your color palette. Click the colored boxes to adjust your website’s colors manually, or, if you know your hex codes, enter them directly into the corresponding fields.

Select your desired color by clicking on the color box and dragging and dropping on the color of your choice, adding the hex code, or adding the desired RGB formula.

The Top Header colors are the colors just above the main navigation bar.

You can see the Venue Text just to left of the BUY TICKETS button at the top of the page is pink and the Background Color is lime green for this page. If you are unable to see the text next to the Buy Tickets button, you may have a color selected that matches the background image. Change the color in the Venue Text box above to make the text visible.

The Navigation Bar is the red bar below that has the Home, Tickets, Our Season, and Shop buttons.

In this example, the NAV Bar BG is pink, the Nav Bar Text is lime green, and the Nav Bar Hover is yellow. Nav Bar Hover is the color the words turn when you hover over it just before clicking. You can see Merch button is yellow because it was about to be clicked on for this example.

The Homepage Colors appear on the main Buy Tickets button on your page. The Event Color (name of the show) is pink, the Text Color (teal) is all of the small text in the box, the Border Color is yellow, and the Background Color in the box is green.

The Event text is pink, the Text in the information box is teal, the Border color is yellow, and the Background color of this information box is green.

General colors will be reflected on various places on all your pages.

You can see in the image below the entire page Background Color is teal, there are no links (yellow and pink), the center Page Background Color is white, the Button Colors on the Buy Tickets and Checkout buttons are pink, the Button Text on those buttons is a white, the Page Title Colors (main text headings on the page) are light orange, and the Font Color for smaller text is black.

The Foot Colors appear on the Footer at the bottom of all your pages.

The footer Background Color is purple, the Border Color is mint green, and the Text Color on the footer is pink.

The footer color is also the color for your Header Messages that can be entered on the show details page.

This article explains how to customize your show site’s colors in On The Stage. It covers how to adjust the color scheme to match your branding, create a visually appealing experience, and ensure consistency across your event pages.