> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.kodelabs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Color tools

> Apply series colors, gradients, ranges, and palettes on Building BI widgets, and manage organization palettes in Settings.

Color controls live in the **Colors** section of a widget **Style** tab. See [Chart styling options](/products/building-bi/reference/chart-styling-options). Manage organization palettes in [Settings](/products/building-bi/settings#custom-color-palettes).

## Application methods

| Method        | Applies to         | Notes                                                                                                       |
| ------------- | ------------------ | ----------------------------------------------------------------------------------------------------------- |
| Series Colors | String and Boolean | Map a value to a color. Standardize meaning across dashboards.                                              |
| Gradient      | Numeric            | Between two values; optional middle color; can track min/max.                                               |
| Color Scheme  | Categorical        | KODE Labs pre-built sets.                                                                                   |
| Color Palette | Categorical        | Organization-built sets from Settings.                                                                      |
| Range         | Numeric            | Excludes the From value; includes the To value. Example: `(20 to 30) = green` → `30` is green, `20` is not. |

Palette colors apply in list order (first value → first color). On some charts, data-label text switches white or black when gradient contrast is low.

## Palette management

Palettes are portfolio-wide.

| Action             | Details                                                  |
| ------------------ | -------------------------------------------------------- |
| Create             | Title, description, and at least 3–5 colors (HEX or RGB) |
| Import             | `.json` file, HEX only                                   |
| Edit               | ⋮ menu: rename, reorder, add, delete                     |
| Duplicate / Export | Copy a palette or export JSON for another organization   |

```json theme={"theme":{"light":"github-dark","dark":"github-dark"}}
{
  "name": "My New Theme",
  "dataColors": ["#FF5733", "#33FF57", "#3357FF", "#FFFF33"]
}
```

## Accessibility

Check color-blind discernibility and text contrast. Adobe Contrast Checker and Color Blindness Simulator are recommended.

## Next steps

<CardGroup cols={2}>
  <Card title="Custom color palettes" icon="pipette" href="/products/building-bi/settings#custom-color-palettes" arrow={true}>
    Create and manage palettes in Settings.
  </Card>

  <Card title="Chart styling options" icon="palette" href="/products/building-bi/reference/chart-styling-options" arrow={true}>
    Look up Style tab options by chart type.
  </Card>
</CardGroup>