Colors

Learn how to work with our color system. Right click to copy raw values.

Backgrounds

There are two background colors for pages and UI components.

Background 1

Default element background

bg-black
#000000

Background 2

Secondary background

bg-bunker-800
#17191C

Color Scales

There are 6 color scales in the system.

Red

50
#FFDCE1
100
#FFC3CC
200
#FFA8B5
300
#FF8D9E
400
#FF717C
500
#FF0032
600
#CC0028
700
#99001D
800
#660013
900
#330009

Bunker

50
#E8EAED
100
#D4D7DD
200
#AAB0BB
300
#7C8697
400
#58606F
500
#363B44
600
#2B2F36
700
#202228
800
#17191C
900
#0B0C0E

Violet

50
#F3E8FF
100
#E0CFFF
200
#CBA6FF
300
#B57DFF
400
#9E53FF
500
#8A02FF
600
#6900CC
700
#470099
800
#260066
900
#140033

Blue

50
#E8F5FF
100
#CCEAFF
200
#ADDDFF
300
#8FD1FF
400
#70C4FF
500
#007AFF
600
#0060CC
700
#004699
800
#003066
900
#001833

Yellow

50
#FFF8D1
100
#FFF2A3
200
#FFE974
300
#FFE246
400
#FFDB17
500
#FFCC00
600
#CC9900
700
#996600
800
#664400
900
#332200

Other Colors

Eerie

DEPRECATED
#23272B
⚠️ This color will be removed in future versions

Border

#23272B
💡 Should be replaced with bunker-700 or bunker-800