# Colors

{% tabs %}
{% tab title="Simple Guide" %}
In the Colors section of the Branding Tab of the left tool bar, you can set your brand colors.  You can set a Primary Color, Secondary Color, Screen Background Color, and Text Color.

Once those are set, any new component you add to the screens in your app will use those defaults.  For example, the App Bar component uses your branding's Primary Color by default (though of course, you can change the color of the component to whatever you like).

When you change the colors in your branding tab, all of the components that are still using those branding colors will be automatically updated all at once.

![](/files/-MRvAqxY2Bc5Z7-il9R-)

Your branding colors will be automatically added to the pre-set palette options in the Adalo color picker, along with a lightened and a darkened version of your Primary and Secondary colors.  The last two colors of the bottom row in the color picker are set to your selections for text color and screen background color.

![](/files/-MRvB6GE7qzyRwQL0wu5)

{% endtab %}
{% endtabs %}

## Help

If you need additional help with this article, you can always ask in our [community forum](https://forum.adalo.com/)! Be sure to paste the link to this article in your post as well!


---

# 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://help.adalo.com/design/branding/colors.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.