# Customizing chart color elements

## Overview

In your Toucan app, you can customize series colors across charts (e.g., bars, lines) to enhance the impact of your data storytelling. This feature proves especially valuable in the following scenarios:

1. **Brand Customization**: You can effortlessly adapt series colors to match your branding, maintaining a cohesive visual identity throughout your app.
2. **Meaningful Visualization**: By assigning specific colors to series, such as "Brands" data, you can create charts that effectively represent each brand's primary color to make data interpretation more intuitive.

<figure><img src="/files/iL3AC7v6OZPF38GKFJWD" alt=""><figcaption><p>Color customization</p></figcaption></figure>

## How do you customize the chart series' colors?

With just a few clicks, you can easily customize your chart series:

1. Access the **Customization interface**.
2. Navigate to the **Series section**.
3. Add your desired custom colors to the series.

Once you've set the custom colors, all available charts that include these series will be automatically colored according to their respective [hex codes](https://www.w3schools.com/colors/colors_picker.asp), providing a consistent and visually appealing representation of your data.

{% @arcade/embed url="<https://app.arcade.software/share/nSU9mMLwyAzZUi4wfSjJ>" flowId="nSU9mMLwyAzZUi4wfSjJ" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs-v3.toucantoco.com/visualizations-and-layouts/apps/customizing-apps/customizing-chart-color-elements.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.