Clay CSS v3.9.0

Colors

These are the color variables available in Clay CSS. The variables are used inconsistently throughout the project (especially in the Base Theme) and will require you to verify the colors have applied to each component to your liking.
Only use this color system if it fits your application otherwise, we recommend using your own color system and applying it to each component.

Grays

This color palette is generally used for setting colors on base components like background-color, border-color, and color in Cards.

:
:
:
:
:
:
:
:
:
:
:

Colors

:
:
:
:
:
:
:
:
:
:

Theme Colors

These color palettes are used to globally set the colors for component variants such as, buttons, labels, and stickers.

Primary

:
:
:
:
:
:

Secondary

:
:
:
:
:
:

Info

:
:
:
:
:

Success

:
:
:
:
:

Warning

:
:
:
:
:

Danger

:
:
:
:
:

Light

:
:
:
:
:

Dark

:
:
:
:
: