Appearance in WPF Color Palette (SfColorPalette)

18 Feb 20252 minutes to read

This section explains different UI customization options available in ColorPalette control.

Setting the Foreground

You can change the foreground color for ColorPalette by setting the Foreground property. The default color value of Foreground property is Gray.

<syncfusion:SfColorPalette Foreground="Red"
                           Name="sfColorPalette"/>
SfColorPalette sfColorPalette = new SfColorPalette();
sfColorPalette.Foreground = Brushes.Red;

ColorPalette with Red foreground

NOTE

View Sample in GitHub

Setting the Background

You can change the background color for ColorPalette by setting the Background property. The default color value of Background property is Snow.

<syncfusion:SfColorPalette Background="Red"
                           Name="sfColorPalette"/>
SfColorPalette sfColorPalette = new SfColorPalette();
sfColorPalette.Background = Brushes.Red;

ColorPalette with Red background

NOTE

View Sample in GitHub

Change flow direction

You can change the flow direction of the ColorPalette layout from right to left by setting the FlowDirection property value as RightToLeft. The Default value of FlowDirection property is LeftToRight.

<syncfusion:SfColorPalette FlowDirection="RightToLeft"
                           Name="sfColorPalette"/>
SfColorPalette sfColorPalette = new SfColorPalette();
sfColorPalette.FlowDirection = FlowDirection.RightToLeft;

ColorPalette with RightToLeft flow direction

NOTE

View Sample in GitHub

Theme

ColorPalette supports various built-in themes. Refer to the below links to apply themes for the ColorPalette,

Setting theme to WPF ColorPalette