How can I know which color will be used where when creating a theme in SharePoint's new Brand Center?

Question

I simply can't figure out the new theme creator in the Brand Center.

There's no guidance on which color will be applied where. This is the best information I get:

And this:

And when I apply this, it frequently looks nothing like what I expect.

I understand I am clearly doing something wrong but some detailed help here - with real examples showing how you combine colors - would go along way.

Does anyone have any advice?

Answer 1

Good day @Martyn Glanville

Thank you for your update and information.

I apologize for the misunderstanding in my previous response. I’ve revisited the details regarding the Brand Center app, SharePoint site, and the new branding site to ensure everything is clear and to better support you moving forward.

To prevent any potential confusion while navigating the SharePoint site, I’d like to share some clarifying details I’ve identified for you

• SharePoint sites are where teams work together and share content.
• The Brand Center App stores your company’s official logos, colors, and fonts. The
• New Site Branding tool lets you apply those brand assets to your SharePoint site so it looks professional and consistent.

About your concern regarding the experience in Site Branding (new), I have tried to find a related official Microsoft Article:

Site branding

To understand how each color will be used when creating a theme, follow these steps:

1. Go to Site Branding (new) → Theme → New Theme → Add Color.

2. Choose a Primary theme color and, if needed, Secondary colors, then click Next.
3. During this step, you can switch between background and accent color to see how each will be applied.

4. After that, name your theme and click Save.
5. Return to your original site, click on Settings, then choose Change your look → Theme

Click on the theme you want to apply and wait 3–5 seconds for it to take effect on your site.

You can try different themes to see which one you prefer.      

For more information, I also want to provide you some guidance to design your "new page" color:

• Click "Edit Properties"
• Choose "Design" in the left panel
• Choose the color that you want to set your this section
• You can see my example design for a page

For detailed steps to do with Site Branding, you can click on the above article. I hope it helps you can have better experience on your Branding Site (new)

If you still have any questions or concerns about this issue, please feel free to reach out to me again. I’ll do my best to find the relevant information and support you.

All the best!

---

If you think my answer is helpful to you, please click "Accept Answer" and kindly upvote it. This helps highlight the response at the top, making it easier for others in the community to quickly find the information they need.

Answer 2

Good day @Martyn Glanville

Welcome to Q&A forum!

I have checked this issue by accessing the Brand Center app link from the Microsoft Admin Center and found that you can change the look of your Brand Center site by following these steps:

1. Sign in to the Microsoft Admin Center
2. Click on Settings → Brand Center
3. Copy the Brand Center app link and open it in a new tab
4. On the Brand Center site, click the Settings (gear icon)
5. Select Site settings
6. Click on Change the look

After that, you’ll see a variety of themes that you can apply to your Brand Center site. Simply click on a theme and choose Try it out to preview it.

(Please note that you need to ask your global admin to do these steps)

Besides, I also find some related article for you, please take a look to see if it's what you

Brand colors - SharePoint in Microsoft 365 | Microsoft Learn

Site theme - SharePoint in Microsoft 365 | Microsoft Learn

Finally, if the information I provided earlier isn’t quite what you were looking for, please feel free to share a few more details about what you’d like to achieve with your Brand Center theme. I’ll do my best to figure it out and support you more effectively.

Thank you for your understanding and kindness throughout this process.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.