Colors – SatoshiLabs

Colors

Main colours

These main colours create the basic visual character of the brand.

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Visualbook Export
.txt
All formats
.zip
Black
#000000
White
#FFFFFF
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Black
0-0-0-100
White
0-0-0-0
Black
N/A
White
N/A
Black
N/A
White
N/A
Black
N/A
White
N/A
Black
N/A
White
N/A

Secondary colours

Colours used in the application environment (UI – User Interface) and on the web.

RGB
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Visualbook Export
.txt
All formats
.zip
Gray 000
#FFFFFF
Gray 100
#F6F6F6
Gray 200
#EEEEEE
Gray 300
#E2E2E2
Gray 400
#CBCBCB
Gray 500
#AFAFAF
Gray 600
#757575
Gray 700
#545454
Gray 800
#333333
Gray 900
#1F1F1F
Gray 1000
#171717
Gray 000
rgb(255, 255, 255)
Gray 100
rgb(246, 246, 246)
Gray 200
rgb(238, 238, 238)
Gray 300
rgb(226, 226, 226)
Gray 400
rgb(203, 203, 203)
Gray 500
rgb(175, 175, 175)
Gray 600
rgb(117, 117, 117)
Gray 700
rgb(84, 84, 84)
Gray 800
rgb(51, 51, 51)
Gray 900
rgb(31, 31, 31)
Gray 1000
rgb(23, 23, 23)
Gray 000
N/A
Gray 100
N/A
Gray 200
N/A
Gray 300
N/A
Gray 400
N/A
Gray 500
N/A
Gray 600
N/A
Gray 700
N/A
Gray 800
N/A
Gray 900
N/A
Gray 1000
N/A
Gray 000
N/A
Gray 100
N/A
Gray 200
N/A
Gray 300
N/A
Gray 400
N/A
Gray 500
N/A
Gray 600
N/A
Gray 700
N/A
Gray 800
N/A
Gray 900
N/A
Gray 1000
N/A
Gray 000
N/A
Gray 100
N/A
Gray 200
N/A
Gray 300
N/A
Gray 400
N/A
Gray 500
N/A
Gray 600
N/A
Gray 700
N/A
Gray 800
N/A
Gray 900
N/A
Gray 1000
N/A
Gray 000
N/A
Gray 100
N/A
Gray 200
N/A
Gray 300
N/A
Gray 400
N/A
Gray 500
N/A
Gray 600
N/A
Gray 700
N/A
Gray 800
N/A
Gray 900
N/A
Gray 1000
N/A
Gray 000
N/A
Gray 100
N/A
Gray 200
N/A
Gray 300
N/A
Gray 400
N/A
Gray 500
N/A
Gray 600
N/A
Gray 700
N/A
Gray 800
N/A
Gray 900
N/A
Gray 1000
N/A

Color modes

Color modes (HEX, RGB, CMYK, Pantone, RAL, NCS) represent different color definition systems used in various media and technologies. The table below explains their usage for proper logo display on screens, in print, or physical materials.

Color Mode
What is it?
Usage
HEX RGB Equivalent (hexadecimal) WEBHTMLCSS
RGB Color Space of Screens RGB WEBHTMLCSS
CMYK
 Color Space for Printers CMYK
 PRINT
Pantone
 Direct Mixed Colors Pantone for printing  PRINT
RAL
 Color matching system RAL for physical objects  INDUSTRIAL
NCS
 Natural Color System NCS based on human perception  INDUSTRIALDESIGN