Colors

WIP

A clear and simple color guide for user-friendly and accessible website design.

Usage

All colors are available as css variable.
Current Color System is based on @Radix-UI. Special thanks to @WorkOS Team!

1. Install WoozDesign Colors from npm

npm i @woozdesign/colors

2. Import color tokens inside the root file

import '@woozdesign/colors';

gray

gray-a

gold

gold-a

bronze

bronze-a

brown

brown-a

yellow

yellow-a

amber

amber-a

orange

orange-a

tomato

tomato-a

red

red-a

ruby

ruby-a

crimson

crimson-a

pink

pink-a

plum

plum-a

purple

purple-a

violet

violet-a

iris

iris-a

indigo

indigo-a

blue

blue-a

cyan

cyan-a

teal

teal-a

jade

jade-a

green

green-a

grass

grass-a

lime

lime-a

mint

mint-a

sky

sky-a