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

# IThemeColorFamily

- 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).
> 

Variants of the palette color

**Signature:**

```typescript
export interface IThemeColorFamily 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [base](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecolorfamily/index.md#ithemecolorfamilybase) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** Base color |
| [contrast?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecolorfamily/index.md#ithemecolorfamilycontrast) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Color contrast to main color Is used as foreground color of the button with base background color for instance |
| [dark?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecolorfamily/index.md#ithemecolorfamilydark) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Dark variant of base color |
| [light?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemecolorfamily/index.md#ithemecolorfamilylight) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Light variant of base color |

## Property details

### IThemeColorFamily.base

> **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).
> 

Base color

**Signature:**

```typescript
base: ThemeColor;
```

### IThemeColorFamily.contrast

> **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).
> 

Color contrast to main color

Is used as foreground color of the button with base background color for instance

**Signature:**

```typescript
contrast?: ThemeColor;
```

### IThemeColorFamily.dark

> **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).
> 

Dark variant of base color

**Signature:**

```typescript
dark?: ThemeColor;
```

### IThemeColorFamily.light

> **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).
> 

Light variant of base color

**Signature:**

```typescript
light?: ThemeColor;
```