Main colors
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
Orange 50
#FE4E27
Black
#000000
Orange 50
rgb(254, 78, 39)
Black
rgb(0, 0, 0)
Orange 50
N/A
Black
0-0-0-100
Orange 50
N/A
Black
Black 6 C
Orange 50
N/A
Black
Black 6 U
Orange 50
N/A
Black
N/A
Orange 50
N/A
Black
N/A
Orange 50
N/A
Black
N/A
Color palette
The main CTA colour for buttons is Forge Orange 50.
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 100
#1B1511
Gray 90
#2A2522
Gray 80
#3D3836
Gray 70
#55514F
Gray 60
#726E6C
Gray 50
#8E8A88
Gray 40
#ABA8A6
Gray 30
#CAC7C5
Gray 20
#E9E6E4
Gray 10
#F8F4F2
Forge Orange 100
#270F00
Forge Orange 90
#481300
Forge Orange 80
#6D1900
Forge Orange 70
#A21A01
Forge Orange 60
#D62E15
Forge Orange 50
#FE4E27
Forge Orange 40
#FE7859
Forge Orange 30
#FFB197
Forge Orange 20
#FFD5C5
Forge Orange 10
#FFEFEA
Gray 100
rgb(27, 21, 17)
Gray 90
rgb(42, 37, 34)
Gray 80
rgb(61, 56, 54)
Gray 70
rgb(85, 81, 79)
Gray 60
rgb(114, 110, 108)
Gray 50
rgb(142, 138, 136)
Gray 40
rgb(171, 168, 166)
Gray 30
rgb(202, 199, 197)
Gray 20
rgb(233, 230, 228)
Gray 10
rgb(248, 244, 242)
Forge Orange 100
rgb(39, 15, 0)
Forge Orange 90
rgb(72, 19, 0)
Forge Orange 80
rgb(109, 25, 0)
Forge Orange 70
rgb(162, 26, 1)
Forge Orange 60
rgb(214, 46, 21)
Forge Orange 50
rgb(254, 78, 39)
Forge Orange 40
rgb(254, 120, 89)
Forge Orange 30
rgb(255, 177, 151)
Forge Orange 20
rgb(255, 213, 197)
Forge Orange 10
rgb(255, 239, 234)
Gray 100
N/A
Gray 90
N/A
Gray 80
N/A
Gray 70
N/A
Gray 60
N/A
Gray 50
N/A
Gray 40
N/A
Gray 30
N/A
Gray 20
N/A
Gray 10
N/A
Forge Orange 100
N/A
Forge Orange 90
N/A
Forge Orange 80
N/A
Forge Orange 70
N/A
Forge Orange 60
N/A
Forge Orange 50
021 C
Forge Orange 40
1505 C
Forge Orange 30
N/A
Forge Orange 20
N/A
Forge Orange 10
N/A
Color modes
Color modes (HEX, RGB, CMYK, Pantone, RAL, NCS, 3M) 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 |
| 3M |
Vinyl wrap system 3M for wraps and signage | SIGNAGE |