Colors

Gallery of colors used across TalkJS products.

Scales

Our system uses 5 color variants, each with a 10-step scale. These colors are based on the Tailwind framework.

Background[bg-*]
white #FFF
gray-100 #FAFAFA
Gray [utility-gray-*]
100#FAFAFA
200#F2F2F2
300#EBEBEB
400#C9C9C9
500#A8A8A8
600#8F8F8F
700#7D7D7D
800#666
900#171717
black#000
Blue [utility-blue-*]
50#EFF6FF
100#DBEAFE
200#BFDBFE
300#93C5FD
400#60A5FA
500#3B82F6
600#2563EB
700#1D4ED8
800#1E40AF
900#1E3A8A
Yellow [utility-yellow-*]
50#FEFCE8
100#FEF9C3
200#FEF08A
300#FDE047
400#FACC15
500#EAB308
600#CA8A04
700#A16207
800#854D0E
900#713F12
Rose [utility-rose-*]
50#FFF1F2
100#FFE4E6
200#FECDD3
300#FDA4AF
400#FB7185
500#F43F5E
600#E11D48
700#BE123C
800#9F1239
900#881337
Pink [utility-pink-*]
50#FDF2F8
100#FCE7F3
200#FBCFE8
300#F9A8D4
400#F472B6
500#EC4899
600#DB2777
700#BE185D
800#9D174D
900#831843