0% Complete

Colors

Colors are used to add meaning to a user interface, help distinguish content, and establish hierarchy. They can also be used to create visual excitement and draw attention to parts of your layout.

#

Theme colors

Theme colors are used throughout the component library to provide a consistent design that can be adapted to your brand. Theme color has these variant names: primary, secondary, success, danger, warning, info, light, dark.

Primary
Secondary
Success
Warning
Danger
Info
Light
Dark
#

Named colors

Choose one of the available colors from the basic color palette and make your design attractive for users. You can use the colors to customize the design of components, indicate different states or suggest actions you want users to take. Available named colors are: blue, azure, indigo, purple, pink, red, orange, yellow, lime, green, teal, cyan.

Blue
Azure
Indigo
Purple
Pink
Red
Orange
Yellow
Lime
Green
Teal
Cyan
#

Social colors

Choose one of the available colors from the social color palette. Available social colors are: facebook, twitter, google, youtube, vimeo, linkedin, dribbble, github, instagram, pinterest, vk, rss, flickr, bitbucket, and tabler.

facebook
twitter
google
youtube
vimeo
linkedin
dribbble
github
instagram
pinterest
vk
rss
flickr
bitbucket
tabler