It's a set of CSS classes that adds nice colors to your website. The colors come from the Flat UI Colors and they are perfect for flat design.
You want a nice color palette for your design, but you don't want to spend time creating dozens of CSS classes by yourself. With Flat Colors Stylsheets, you can add a set of 20 beautiful colors at hand.
You can use any of the provided colors as text color or background color for your HTML elements.
Add the class text-COLOR to any element to change the color of the text.
Add the class bg-COLOR to any element to change the color of the text.
You can use any of the colors from Flat UI Colors.
| Text color class | Background color class | |
|---|---|---|
| Turquoise | .text-turquoise | .bg-turquoise |
| Emerald | .text-emerald | .bg-emerald |
| Green-sea | .text-green-sea | .bg-green-sea |
| Nephritis | .text-nephritis | .bg-nephritis |
| Peter-river | .text-peter-river | .bg-peter-river |
| Belize-hole | .text-belize-hole | .bg-belize-hole |
| Amethyst | .text-amethyst | .bg-amethyst |
| Wisteria | .text-wisteria | .bg-wisteria |
| Wet-asphalt | .text-wet-asphalt | .bg-wet-asphalt |
| Midnight-blue | .text-midnight-blue | .bg-midnight-blue |
| Sun-flower | .text-sun-flower | .bg-sun-flower |
| Orange | .text-orange | .bg-orange |
| Carrot | .text-carrot | .bg-carrot |
| Pumpkin | .text-pumpkin | .bg-pumpkin |
| Alizarin | .text-alizarin | .bg-alizarin |
| Pomergranate | .text-pomergranate | .bg-pomergranate |
| Clouds | .text-clouds | .bg-clouds |
| Silver | .text-silver | .bg-silver |
| Concrete | .text-concrete | .bg-concrete |
| Asbestos | .text-asbestos | .bg-asbestos |
Alternatively, Flat Colors Stylesheets provides bootstrap-like contextual classes for text and backgrounds.
You can use 'primary', 'success', 'warning', 'danger', and 'info' as color names for your elements.