> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# IThemePalette

- Package: [@gooddata/sdk-model](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/index.md)
- Kind: interface
- Stability: beta
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-model/src/theme/index.ts

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Customizable palette of major colors

Inspired by Material UI palette: https://material-ui.com/customization/palette/

**Signature:**

```typescript
export interface IThemePalette 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [complementary?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemepalette/index.md#ithemepalettecomplementary) |  | [IThemeComplementaryPalette](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecomplementarypalette/index.md) | **_(BETA)_** _(Optional)_ Used to color various elements across many components See [IThemeComplementaryPalette](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecomplementarypalette/index.md) for more details. |
| [error?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemepalette/index.md#ithemepaletteerror) |  | [IThemeColorFamily](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecolorfamily/index.md) | **_(BETA)_** _(Optional)_ Used to express error |
| [info?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemepalette/index.md#ithemepaletteinfo) |  | [IThemeColorFamily](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecolorfamily/index.md) | **_(BETA)_** _(Optional)_ Used to express info or progress |
| [primary?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemepalette/index.md#ithemepaletteprimary) |  | [IThemeColorFamily](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecolorfamily/index.md) | **_(BETA)_** _(Optional)_ Used as an accent color for most of the UI elements |
| [success?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemepalette/index.md#ithemepalettesuccess) |  | [IThemeColorFamily](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecolorfamily/index.md) | **_(BETA)_** _(Optional)_ Used to express success |
| [warning?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemepalette/index.md#ithemepalettewarning) |  | [IThemeColorFamily](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecolorfamily/index.md) | **_(BETA)_** _(Optional)_ Used to express warning |

## Property details

### IThemePalette.complementary

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Used to color various elements across many components

See [IThemeComplementaryPalette](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecomplementarypalette/index.md) for more details.

**Signature:**

```typescript
complementary?: IThemeComplementaryPalette;
```

### IThemePalette.error

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Used to express error

**Signature:**

```typescript
error?: IThemeColorFamily;
```

### IThemePalette.info

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Used to express info or progress

**Signature:**

```typescript
info?: IThemeColorFamily;
```

### IThemePalette.primary

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Used as an accent color for most of the UI elements

**Signature:**

```typescript
primary?: IThemeColorFamily;
```

### IThemePalette.success

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Used to express success

**Signature:**

```typescript
success?: IThemeColorFamily;
```

### IThemePalette.warning

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Used to express warning

**Signature:**

```typescript
warning?: IThemeColorFamily;
```