tabwebColors
All colors, with hex values, and a gradient builder.
az
Azure
#bg-azure
bl
Blue
#bg-blue
cy
Cyan
#bg-cyan
gn
Green
#bg-green
id
Indigo
#bg-indigo
lm
Lime
#bg-lime
or
Orange
#bg-orange
pk
Pink
#bg-pink
pu
Purple
#bg-purple
rd
Red
#bg-red
tl
Teal
#bg-teal
yl
Yellow
#bg-yellow
wt
White
#bg-white
bk
Black
#bg-black
Light colors
A tinted, low-contrast version of each color.
azl
Azure Light
#bg-azure-lt
bll
Blue Light
#bg-blue-lt
cyl
Cyan Light
#bg-cyan-lt
gnl
Green Light
#bg-green-lt
idl
Indigo Light
#bg-indigo-lt
lml
Lime Light
#bg-lime-lt
orl
Orange Light
#bg-orange-lt
pkl
Pink Light
#bg-pink-lt
pul
Purple Light
#bg-purple-lt
rdl
Red Light
#bg-red-lt
tll
Teal Light
#bg-teal-lt
yll
Yellow Light
#bg-yellow-lt
wtl
White Light
#bg-white-lt
Gray colors
The neutral gray scale used for text, borders, and backgrounds.
50
Gray 50
#bg-gray-50
100
Gray 100
#bg-gray-100
200
Gray 200
#bg-gray-200
300
Gray 300
#bg-gray-300
400
Gray 400
#bg-gray-400
500
Gray 500
#bg-gray-500
600
Gray 600
#bg-gray-600
700
Gray 700
#bg-gray-700
800
Gray 800
#bg-gray-800
900
Gray 900
#bg-gray-900
950
Gray 950
#bg-gray-950
Social colors
Brand colors for social networks.
Facebook
#bg-facebook
Twitter
#bg-twitter
Instagram
#bg-instagram
LinkedIn
#bg-linkedin
X
#bg-x
Google
#bg-google
Youtube
#bg-youtube
Vimeo
#bg-vimeo
Dribbble
#bg-dribbble
Github
#bg-github
Pinterest
#bg-pinterest
VK
#bg-vk
RSS
#bg-rss
Flickr
#bg-flickr
Bitbucket
#bg-bitbucket
Tabler
#bg-tabler
Semantic colors
Semantic colors.
da
Danger
#bg-danger
in
Info
#bg-info
pr
Primary
#bg-primary
se
Secondary
#bg-secondary
su
Success
#bg-success
tr
Transparent
#bg-transparent
wa
Warning
#bg-warning
li
Light
#bg-light
da
Dark
#bg-dark