import { Meta } from "@storybook/addon-docs";

import { ColorsGrid } from "../../components/ColorsGrid";

<Meta title="Tokens/Colors" />

[![Color Tokens](https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-color.svg)](https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-color.svg)

# Colors

The color token system in the ds-tsm Design System provides a set of predefined colors that can be used consistently throughout your project. These tokens simplify the process of managing and applying colors, ensuring visual consistency across your UI.

<ColorsGrid />