# Appearance and Styling

Get started with MultiSelect, a WinForms control that makes selecting multiple objects from a list or a collection of selected items easy. See more in documentation here.

## Content

FlexChart provides various options to customize the appearance of chart and chart elements individually, so that you can generate charts as per your requirement and look and feel of the application you are creating. this topic discusses all the appearance related options available with the FlexChart.

## Chart Palettes

FlexChart provides 16 pre-defined color palettes, so that you can generate the charts with desired appearance with a single line of code. You can apply these palettes to FlexChart using the Palette property which accepts the values from Palette enumeration of C1.Chart namespace. By default, this property is set to **Standard**. You can also create a custom palette using the existing color palettes.

| **Cerulan** | **Cocoa** | **Coral** | **Cyborg** |
| ------- | ----- | ----- | ------ |
| ![cerulan color](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/cerulan.png) | ![cocoa palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/cocoa.png) | ![coral palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/coral.png) | ![cyborg palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/cyborg.png) |
| **Dark** | **Darkly** | **Flatly** | **HighContrast** |
| ![dark color](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/dark.png) | ![darkly color](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/darkly.png) | ![flatly palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/flatly.png) | ![HighContrast palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/highcontrast.png) |
| **Light** | **Midnight** | **Modern** | **Organic** |
| ![Light palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/light.png) | ![Midnight palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/midnight.png) | ![Modern Palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/modern.png) | ![Organic Palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/organic.png) |
| **Slate** | **Standard** | **Superhero** | **Zen** |
| ![Slate Palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/slate.png) | ![Standard Palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/standard.png) | ![Superhero Palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/superhero.png) | ![Zen Palette](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/palette/zen.png) |

```csharp
flexChart1.Palette = C1.Chart.Palette.Dark;                    
```

```vbnet
flexChart1.Palette = C1.Chart.Palette.Dark  
```

## Styling of Chart Elements

Apart from the color palettes, FlexChart also lets you style the chart titles, axis titles, axis, data labels, legend and plot area. For styling of specific elements, see the styling section of corresponding topics.

| [Style chart titles](/componentone/docs/win/online-flexchart/concepts/titles#set-chart-titles) | [Style axis titles](/componentone/docs/win/online-flexchart/concepts/titles#style-chart-titles) | [Style a series](/componentone/docs/win/online-flexchart/concepts/series#style-a-series) | [Style an axis](/componentone/docs/win/online-flexchart/concepts/axes#style-an-axis) |
| ------------------ | ----------------- | -------------- | ------------- |
| [Style data labels](/componentone/docs/win/online-flexchart/features/datalabels#style-data-labels) | [Style legend](/componentone/docs/win/online-flexchart/concepts/legends#style-legend) | [Style plot area](/componentone/docs/win/online-flexchart/concepts/plot-area) | [Style an annotation](/componentone/docs/win/online-flexchart/features/annotation#style-an-annotation) |

## Extended palettes

**FlexChart** now provides more palette options. These palettes were inspired by [ColorBrewer 2](https://colorbrewer2.org/) and are grouped in the following categories:

* Qualitative
* Diverging
* SequentialSingle
* SequentialMulti

![GIF showing colored charts and palettes changing chart color](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/extended-palettes.gif)

The Extended Palettes feature is provided by the [C1.Win.Chart.Palettes](/componentone/docs/win/online-flexchart/) namespace. You can apply these palettes to FlexChart using the [CustomPalette](/componentone/docs/win/online-flexchart/) property. Each category of palettes also exposes the brushes dictionary, which the user can enumerate or use as a data source.

```csharp
chart.Palette = Palette.Custom;chart.CustomPalette = C1.Win.Chart.Palettes.Qualitative.Accent;
```

The different categories of these extended palettes are useful in varying scenarios as listed below:

| **Palette Type** | **UseCase** |
| ------------ | ------- |
| Qualitative Palette (Represented by the [Qualitative](/componentone/docs/win/online-flexchart/) class) | To show nominal or categorical data. |
| Multi (Represented by the [Diverging](/componentone/docs/win/online-flexchart/) class) | To give equal emphasis to mid-range critical values and extremes at both ends–light colors for mid-range and dark colors for extreme low and high values. |
| Sequential Single/SequentialMulti (Represented by the [SequentialSingle](/componentone/docs/win/online-flexchart/) or [SequentialMulti](/componentone/docs/win/online-flexchart/) class) | To show ordered data that progress from low to highlight colors for low-data values to dark colors for high-data values. |