| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Primary | -- | |||
| Secondary | -- | |||
| Success | -- | |||
| Danger | -- | |||
| Warning | -- | |||
| Info | -- | |||
| Light | -- | |||
| Dark | -- |
| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Blue | 100 | |||
| Blue | 200 | |||
| Blue | 300 | |||
| Blue | 400 | |||
| Blue | 500 | |||
| Blue | 600 | |||
| Blue | 700 | |||
| Blue | 800 | |||
| Blue | 900 |
| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Indigo | 100 | |||
| Indigo | 200 | |||
| Indigo | 300 | |||
| Indigo | 400 | |||
| Indigo | 500 | |||
| Indigo | 600 | |||
| Indigo | 700 | |||
| Indigo | 800 | |||
| Indigo | 900 |
| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Purple | 100 | |||
| Purple | 200 | |||
| Purple | 300 | |||
| Purple | 400 | |||
| Purple | 500 | |||
| Purple | 600 | |||
| Purple | 700 | |||
| Purple | 800 | |||
| Purple | 900 |
| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Pink | 100 | |||
| Pink | 200 | |||
| Pink | 300 | |||
| Pink | 400 | |||
| Pink | 500 | |||
| Pink | 600 | |||
| Pink | 700 | |||
| Pink | 800 | |||
| Pink | 900 |
| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Red | 100 | |||
| Red | 200 | |||
| Red | 300 | |||
| Red | 400 | |||
| Red | 500 | |||
| Red | 600 | |||
| Red | 700 | |||
| Red | 800 | |||
| Red | 900 |
| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Orange | 100 | |||
| Orange | 200 | |||
| Orange | 300 | |||
| Orange | 400 | |||
| Orange | 500 | |||
| Orange | 600 | |||
| Orange | 700 | |||
| Orange | 800 | |||
| Orange | 900 |
| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Yellow | 100 | |||
| Yellow | 200 | |||
| Yellow | 300 | |||
| Yellow | 400 | |||
| Yellow | 500 | |||
| Yellow | 600 | |||
| Yellow | 700 | |||
| Yellow | 800 | |||
| Yellow | 900 |
| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Green | 100 | |||
| Green | 200 | |||
| Green | 300 | |||
| Green | 400 | |||
| Green | 500 | |||
| Green | 600 | |||
| Green | 700 | |||
| Green | 800 | |||
| Green | 900 |
| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Teal | 100 | |||
| Teal | 200 | |||
| Teal | 300 | |||
| Teal | 400 | |||
| Teal | 500 | |||
| Teal | 600 | |||
| Teal | 700 | |||
| Teal | 800 | |||
| Teal | 900 |
| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Cyan | 100 | |||
| Cyan | 200 | |||
| Cyan | 300 | |||
| Cyan | 400 | |||
| Cyan | 500 | |||
| Cyan | 600 | |||
| Cyan | 700 | |||
| Cyan | 800 | |||
| Cyan | 900 |
| Name | Shade | HEX | CSS Variable | |
|---|---|---|---|---|
| Gray | 100 | |||
| Gray | 200 | |||
| Gray | 300 | |||
| Gray | 400 | |||
| Gray | 500 | |||
| Gray | 600 | |||
| Gray | 700 | |||
| Gray | 800 | |||
| Gray | 900 |