# Color Palettes

Using color palettes is an easy way to diversify your tokens without adding additional asset files for each color. This tutorial will show you how to set up color groups in Figma so they can be read by the Bueno Exporter plugin for Figma.

Let’s walk through the process together!

First, you’ll want to familiarize yourself with [Figma’s color styles](https://help.figma.com/hc/en-us/articles/360038746534-Create-color-text-effect-and-layout-grid-styles#Colors_paints) feature. Once you’ve selected the colors you’d like to use in your palette, make sure your color styles are organized properly so the Bueno plugin can recognize it. To do this, you’ll need to name your parent color style **Bueno**, and separate each palette under the name of the corresponding component.

In this example, we have organized the color palette to correspond with our **Body** component, so we use the same title, “Body.”

![](https://assets-global.website-files.com/6171adb6a942ed69f5e6b5ee/627191bb2e5d9c435ff8d5be_CleanShot%202022-04-18%20at%2014.39.06%402x.png)

**Note:** The parent color style **must be labeled “Bueno**,” otherwise the Bueno plugin will not recognize the palette.

Next, export your files with the Bueno plugin, as normal.

When you open your parent folder after export, you should see a .json file. This file contains your color palette information.

![](https://assets-global.website-files.com/6171adb6a942ed69f5e6b5ee/6271920c2e5d9c6ab1f8fb6b_CleanShot%202022-04-18%20at%2015.20.08%402x.png)

Once you’ve uploaded your parent folder into Bueno, you’ll now see a **color palettes** tab under **manage**.

![](/files/qzgyYa6QC7wsJ7HujW74)


---

# 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.bueno.art/generator/advanced-tutorials/color-palettes.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.