Fluent UI

About Fluent UI

Fluent 2 defines a neutral and brand ramp numbered 10 to 160, plus status colors. The palette scales from subtle (10) to saturated (160) for layered, depth-rich interfaces.

How to use

Consume tokens such as colorBrandForeground1 or use createLightTheme. Pair brand ramps with neutral-based surfaces for the signature Fluent look.