Colors – Twisto Pro

Colors

Main colours 3

The basic colour palette determines the visual character of the brand. It serves as a unifying element across all outputs – from products and packaging to online communications and marketing materials.

Purple

#420A87

Teal

#3BBAB2

Purple

rgb(66, 10, 135)

Teal

rgb(59, 186, 178)

Purple

0-87-34-0

Teal

23-56-4-34

Purple

158 C

Teal

345 C

Purple

154 U

Teal

345 U

Purple

N/A

Teal

N/A

Purple

N/A

Teal

N/A

Purple

N/A

Teal

N/A

Střední vzorník barev

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

Platinum

#E5E5E5

Silver

#C4C4C4

Nickel

#A5A5A5

Graphite

#7A7A7A

Platinum

rgb(229, 229, 229)

Silver

rgb(196, 196, 196)

Nickel

rgb(165, 165, 165)

Graphite

rgb(122, 122, 122)

Platinum

0-0-0-10

Silver

0-0-0-25

Nickel

0-0-0-35

Graphite

0-0-0-52

Platinum

Cool Gray 1 C

Silver

877 C (metallic)

Nickel

Cool Gray 5 C

Graphite

Cool Gray 8 C

Platinum

Cool Gray 1 U

Silver

877 U

Nickel

Cool Gray 5 U

Graphite

Cool Gray 8 U

Platinum

RAL 7035

Silver

RAL 9006

Nickel

RAL 7001

Graphite

RAL 7024

Platinum

N/A

Silver

N/A

Nickel

N/A

Graphite

N/A

Platinum

N/A

Silver

N/A

Nickel

N/A

Graphite

N/A

Wide range of colours

Colour palettes allow us to create digital environments (apps, web) with sufficient contrast and accessibility of all elements.

Charcoal

#3a3a3a

Tungsten

#595959

Graphite

#7a7a7a

Nickel

#a5a5a5

Silver

#c0c0c0

Platinum

#e5e5e5

Platinum

#e5e5e5

Silver

#c0c0c0

Nickel

#A5A5A5

Graphite

#7a7a7a

Tungsten

#595959

Charcoal

#3a3a3a

Charcoal

rgb(58, 58, 58)

Tungsten

rgb(89, 89, 89)

Graphite

rgb(122, 122, 122)

Nickel

rgb(165, 165, 165)

Silver

rgb(192, 192, 192)

Platinum

rgb(229, 229, 229)

Platinum

rgb(229, 229, 229)

Silver

rgb(192, 192, 192)

Nickel

rgb(165, 165, 165)

Graphite

rgb(122, 122, 122)

Tungsten

rgb(89, 89, 89)

Charcoal

rgb(58, 58, 58)

Charcoal

0-0-0-77

Tungsten

0-0-0-65

Graphite

0-0-0-52

Nickel

0-0-0-35

Silver

0-0-0-25

Platinum

0-0-0-10

Platinum

0-0-0-10

Silver

0-0-0-25

Nickel

0-0-0-35

Graphite

0-0-0-52

Tungsten

0-0-0-65

Charcoal

0-0-0-77

Charcoal

Black 7 C

Tungsten

Cool Gray 10 C

Graphite

Cool Gray 8 C

Nickel

Cool Gray 5 C

Silver

877 C (metallic)

Platinum

Cool Gray 1 C

Platinum

Cool Gray 1 C

Silver

877 C (metallic)

Nickel

Cool Gray 5 C

Graphite

Cool Gray 8 C

Tungsten

Cool Gray 10 C

Charcoal

Black 7 C

Charcoal

Black 7 U

Tungsten

Cool Gray 10 U

Graphite

Cool Gray 8 U

Nickel

Cool Gray 5 U

Silver

877 U

Platinum

Cool Gray 1 U

Platinum

Cool Gray 1 U

Silver

877 U

Nickel

Cool Gray 5 U

Graphite

Cool Gray 8 U

Tungsten

Cool Gray 10 U

Charcoal

Black 7 U

Charcoal

RAL 7021

Tungsten

RAL 7043

Graphite

RAL 7024

Nickel

RAL 7001

Silver

RAL 9006

Platinum

RAL 7035

Platinum

RAL 7035

Silver

RAL 9006

Nickel

RAL 7001

Graphite

RAL 7024

Tungsten

RAL 7043

Charcoal

RAL 7021

Gradient formula

Examples of gradients used within a brand. Gradients with three colors can now be defined.

Black

#000000

Gray 1

#B5B5B5

Gray 1

#E8E8E8

Gray 2

#8C8C8C

Black

#000000

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.

Text color

Background color

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

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

Colors

On this page

Main colours 3

Střední vzorník barev

Wide range of colours

Gradient formula

Colour ratios

Contrast control

Text color

Background color

Resulting contrast

21.00

Small text

Large text

UI components

Color modes