import {
  Meta,
  Subtitle,
  ColorPalette,
  ColorItem,
} from '@storybook/addon-docs/blocks';
import { DesignTokenDocBlock } from 'storybook-design-token/dist/doc-blocks';

<Meta title="Design Tokens/Color Tokens" />


# Color Tokens

<Subtitle>
  Colors are designed to communicate actions, state and direction within the
  interface. We provide light and dark color modes. However, the shape of the
  colors object is same for each mode. This allows us to build components with a
  consistent API.
</Subtitle>

<DesignTokenDocBlock categoryName="Colors" viewType="table" />;