Colors

Semantic Tokens

Chakra UI supports these semantic tokens out of the box.

:::info

We recommend using semantic tokens as they automatically adapt to color modes and provide consistent styling across your application.

:::

<ColorSemanticTokenDoc />

Tokens

Chakra UI supports the following color tokens out of the box.

<ColorTokenDoc />