Colors – Visualbook

Colors

On this page

BOLD core

Basic BOLD colors common to every year.

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
BOLD fire
#E52421
BOLD mint
#98CEB2
BOLD soft mint
#CBE5D4
BOLD fire
rgb(229, 36, 33)
BOLD mint
rgb(152, 206, 178)
BOLD soft mint
rgb(203, 229, 212)
BOLD fire
0-98-96-0
BOLD mint
46-0-39-0
BOLD soft mint
26-0-23-0
BOLD fire
485 C
BOLD mint
PANTONE P 133-4 C
BOLD soft mint
PANTONE P 136-1 C
BOLD fire
N/A
BOLD mint
N/A
BOLD soft mint
N/A
BOLD fire
RAL 3024
BOLD mint
RAL 160 80 25
BOLD soft mint
RAL 170 90 10
BOLD fire
N/A
BOLD mint
N/A
BOLD soft mint
N/A
BOLD fire
N/A
BOLD mint
N/A
BOLD soft mint
N/A

BOLD 2025

Additional color for BOLD 2025

RGB
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Visualbook Export
.txt
All formats
.zip
BOLD chocolate
#280C14
BOLD chocolate
rgb(40, 12, 20)
BOLD chocolate
N/A
BOLD chocolate
PANTONE 8623 C
BOLD chocolate
N/A
BOLD chocolate
RAL 8019
BOLD chocolate
N/A
BOLD chocolate
N/A

BOLD 2026

Additional color for BOLD 2026

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
BOLD sky
#009FE3
BOLD sky
rgb(0, 159, 227)
BOLD sky
76-22-0-0
BOLD sky
PANTONE P 115-8 C
BOLD sky
N/A
BOLD sky
RAL 5015
BOLD sky
N/A
BOLD sky
N/A

Gradient BOLD 2026

Gradient used for BOLD 2026

BOLD fire

#E52421

BOLD mint

#98CEB2

BOLD sky

#009FE3

Colour ratios

Proportional use of colour within the visual style. The section is in a new, improved design.

Contrast control

Check the contrast between foreground and background colours to ensure that text, headings and buttons are legible according to accessibility standards.

Resulting contrast

21.00

Small text

Less than 18pt or 14pt bold
AAA

Large text

At least 18pt or 14pt bold
AAA

UI components

Graphical objects and UI components
AA

Explore this color combination on color.review or coolors.co

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