ThatPainter
For makers
Pick a colourFor prosPaints & toolsAll listsComparePaint DeskPaid listingsMaker sign-in
On the record · read 9 Oct 2026 · 15 facts

Fluent UI Theme Designer

Visit Fluent UI Theme Designer Alternatives

What it is

Fluent UI Theme Designer is a free, open-source web tool for building themes for Fluent UI and SharePoint sites. Choose primary, text, and background colors, then use the palette controls to adjust Fluent UI palette slots. The designer generates palette values from the chosen colors and renders sample components so you can see the theme applied. An accessibility checker is included to check the theme. The tool uses Fluent UI ThemeGenerator to create a theme and expose the result as JSON; it can also export a customized theme as PowerShell code. To apply a generated palette to SharePoint, add it with Add-SPOTheme and apply it to a site. Microsoft describes the theme generator as a way to create custom themes for SharePoint. The source code is in Microsoft’s public fluentui repository on GitHub. Microsoft Q&A provides guidance on using the designer and applying themes to SharePoint. The tool runs in a web browser and is free to use. Its palette workflow is focused on generating and exporting a theme, rather than extracting colors from images or keeping saved palettes or a brand color library.

For and against

For

  • Free and open source.
  • Controls for primary, text, and background colors.
  • Renders sample components with the generated theme.
  • Includes an accessibility checker.
  • Exports customized themes as JSON and PowerShell code.
  • SharePoint palettes can be added with Add-SPOTheme.

Against

  • Runs on the web only.
  • Does not extract colors from images.
  • Does not save palettes or provide a brand color library.

Who it suits

This suits people creating a Fluent UI theme, especially those preparing custom themes for SharePoint sites. It is also useful for users who want to adjust palette slots, check accessibility, and export theme output as JSON or PowerShell.

Getting started

  1. Open the Fluent UI Theme Designer website in a web browser.
  2. Adjust the primary, text, and background colors and edit palette slots.
  3. Review the sample components and use the accessibility checker.
  4. Generate the theme and export it as JSON or PowerShell code.
  5. For SharePoint, add the exported palette with Add-SPOTheme and apply it to a site.

The verdict

Choose Fluent UI Theme Designer to generate a Fluent UI palette, check its accessibility, and prepare theme output for SharePoint. Look elsewhere if you need image-based color extraction, saved palettes, or a brand color library.

Questions

Does Fluent UI Theme Designer cost anything?

It is free and open source.

What platforms does it support?

It runs on the web.

What does the designer create?

It generates Fluent UI palette values and a theme, which it can expose as JSON.

Can I export a theme for SharePoint?

Yes. It can export a customized theme as PowerShell code; the palette can be added with Add-SPOTheme and applied to a site.

Does it include accessibility checks?

Yes. The interface includes an accessibility checker for the theme.

Can I save palettes or extract colors from an image?

No. It has no saved palettes, brand color library, or image color extraction.

Facts on the record

Accessibility
The designer includes an accessibility checker for the generated theme.github.com · read 9 Oct 2026
Color controls
The designer interface includes controls for primary, text, and background colors.github.com · read 8 Oct 2026
Color inputs
The app provides controls for changing the primary, text, and background colors.learn.microsoft.com · read 9 Oct 2026
Export
The designer can export a customized theme as PowerShell code.learn.microsoft.com · read 9 Oct 2026
Intended audience
Microsoft describes the theme generator as a way to create a custom theme for SharePoint sites.learn.microsoft.com · read 9 Oct 2026
Maker founded
Microsoft was founded in 1975.news.microsoft.com · read 9 Oct 2026
Maker headquarters
Microsoft’s global headquarters are in Redmond, Washington.microsoft.com · read 9 Oct 2026
Maker repository
The source code is in the public microsoft/fluentui GitHub repository.github.com · read 8 Oct 2026
Palette editing
The interface allows editing Fluent UI palette slots.github.com · read 8 Oct 2026
Purpose
The designer lets users create a custom color ramp for a SharePoint site theme.learn.microsoft.com · read 9 Oct 2026
SharePoint integration
The exported palette can be added to SharePoint with Add-SPOTheme and applied to a site.learn.microsoft.com · read 9 Oct 2026
Support
Microsoft Q&A provides guidance for using the designer and applying its themes to SharePoint.learn.microsoft.com · read 9 Oct 2026
Theme generation
The code uses Fluent UI ThemeGenerator to create a theme from selected colors and expose the result as JSON.github.com · read 8 Oct 2026
Theme palette
The app generates theme palette values from the selected colors.github.com · read 9 Oct 2026
Theme preview
The designer displays sample UI components using the selected theme colors.github.com · read 9 Oct 2026