This library contains the color palette offered by Flexful UI. These colors can be used for modern web applications and websites.
| Color | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Red | |||||||||||
| Crimson | |||||||||||
| Grenadier | |||||||||||
| Strawberry | |||||||||||
| Rose | |||||||||||
| Pink | |||||||||||
| Fuchsia | |||||||||||
| Peach | |||||||||||
| Orange | |||||||||||
| Amber | |||||||||||
| Tiger | |||||||||||
| Gold | |||||||||||
| Yellow | |||||||||||
| Lemon | |||||||||||
| Cream | |||||||||||
| Lavender | |||||||||||
| Purple | |||||||||||
| Violet | |||||||||||
| Magenta | |||||||||||
| Grape | |||||||||||
| Green | |||||||||||
| Emerald | |||||||||||
| Sea | |||||||||||
| Pistachio | |||||||||||
| Sage | |||||||||||
| Pear | |||||||||||
| Lime | |||||||||||
| Blue | |||||||||||
| Lapis | |||||||||||
| Navy | |||||||||||
| Indigo | |||||||||||
| Aegean | |||||||||||
| Ocean | |||||||||||
| Snow | |||||||||||
| Stone | |||||||||||
| Slate | |||||||||||
| Gray | |||||||||||
| Silver | |||||||||||
| Dove | |||||||||||
| Sky | |||||||||||
| Brown | |||||||||||
| Peanut |
To use our colors, simply add the following code to your project's CSS file:
@import "@flexful-ui/colors";/* Now you can use the colors in your CSS */
.element {
background-color: var(--red-50);
color: var(--blue-500);
}import colors from '@flexful-ui/colors';