Color adjustment in light mode with light colors doesn't work properly

[StefanoRivolta-Previero]

When selecting light colors like yellow and teal in Light Mode, the colors become distorted like so:

While, when I remove the ColorAdjustment="{materialDesign:ColorAdjustment}" from App.xaml, the colors work properly:

Is this an intended behavior?

[Keboo]

Intended yes, but certainly not obvious. There was a feature that was added in the 4.0.0 release that does automatic color correction to ensure that proper contrast between the foreground and background colors is maintained. This is an opt-in feature that you can set and the demo app has it on by default.

However you do raise a good concern that there should probably be something in that UI that enables turning the feature on and off to make it more obvious what is happening.