Only standard colors are defined and from the standard colors, tints and shades are generated using $phi value. Check out the below table to see which colors are readily available. You can also use the CSS variables (a.k.a. CSS Custom Properties) to utilize these colors on your website.
| Color | Standard | Tint | Shade |
|---|---|---|---|
| Light | var(--light) #F8F8FF | - | - |
| Dark | var(--dark) #242831 | - | - |
| Accent | var(--accent) #7A65FB | var(--accent-tint) #ccc4fd | var(--accent-shade) #2f2760 |
| Info | var(--info) #3EAEFF | var(--info-tint) #b5e0ff | var(--info-tint) #184261 |
| Success | var(--success) #00DD8D | var(--success-tint) #9ef2d3 | var(--success-tint) #005436 |
| Warning | var(--warning) #FF9559 | var(--warning-tint) #ffd7c0 | var(--warning-tint) #613922 |
| Error | var(--error) #FF6666 | var(--error-tint) #ffc5c5 | var(--error-tint) #612727 |
| Grey | var(--grey) #B5B5B5 | var(--grey-tint) #e3e3e3 | var(--info-tint) #454545 |