Colors

On this page

Large colour swatch

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

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
All formats
.zip
Turquoise
#00B9B4
Dark Turquoise
#0E1716
White
#FFFFFF
Turquoise
rgb(0, 185, 180)
Dark Turquoise
rgb(14, 23, 22)
White
rgb(255, 255, 255)
Turquoise
75-0-36-0
Dark Turquoise
78-65-67-80
White
0-0-0-0
Turquoise
2398 C
Dark Turquoise
N/A
White
N/A
Turquoise
N/A
Dark Turquoise
N/A
White
178 U
Turquoise
N/A
Dark Turquoise
N/A
White
N/A
Turquoise
R 5578
Dark Turquoise
N/A
White
D 4532
Turquoise
N/A
Dark Turquoise
N/A
White
N/A

Subbrands

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
All formats
.zip
Smart Yellow
#FAF06C
Beat Purple
#7C81BE
eRide Green
#ACD588
Prime Blue
#089BD7
Vision Red
#F16159
Play Yellow
#F0E58B
Play Pink
#F48AA4
Smart Yellow
rgb(250, 240, 108)
Beat Purple
rgb(124, 129, 190)
eRide Green
rgb(172, 213, 136)
Prime Blue
rgb(8, 155, 215)
Vision Red
rgb(241, 97, 89)
Play Yellow
rgb(240, 229, 139)
Play Pink
rgb(244, 138, 164)
Smart Yellow
4-0-71-0
Beat Purple
55-49-0-0
eRide Green
35-0-61-0
Prime Blue
76-24-0-0
Vision Red
0-77-63-0
Play Yellow
7-4-56-0
Play Pink
0-58-14-0
Smart Yellow
602 C
Beat Purple
2715 C
eRide Green
2284 C
Prime Blue
2171 C
Vision Red
2348 C
Play Yellow
460 C
Play Pink
701 C
Smart Yellow
N/A
Beat Purple
N/A
eRide Green
N/A
Prime Blue
N/A
Vision Red
N/A
Play Yellow
N/A
Play Pink
N/A
Smart Yellow
N/A
Beat Purple
N/A
eRide Green
N/A
Prime Blue
N/A
Vision Red
N/A
Play Yellow
N/A
Play Pink
N/A
Smart Yellow
N/A
Beat Purple
N/A
eRide Green
N/A
Prime Blue
N/A
Vision Red
N/A
Play Yellow
N/A
Play Pink
N/A
Smart Yellow
N/A
Beat Purple
N/A
eRide Green
N/A
Prime Blue
N/A
Vision Red
N/A
Play Yellow
N/A
Play Pink
N/A

Gradients

Turquoise

#00B9B4

Smart Yellow

#FAF06C

Turquoise

#00B9B4

Beat Purple

#7C81BE

Turquoise

#00B9B4

Vision Red

#F16159

Turquoise

#00B9B4

eRide Green

#ACD588

Turquoise

#00B9B4

Prime Blue

#089BD7

Turquoise

#00B9B4

Play Pink

#F48AA4

Play Yellow

#F0E58B

Compact colour palette

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

RGB
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
All formats
.zip

Turquoise 100

#0e1716

Turquoise 90

#172927

Turquoise 80

#1f3d3b

Turquoise 70

#275c57

Turquoise 60

#2b7b75

Turquoise 50

#239e98

Turquoise 40

#00b9b4

Turquoise 30

#79cdcd

Turquoise 20

#afdfe1

Turquoise 10

#eaf6f5

Turquoise 100

rgb(14, 23, 22)

Turquoise 90

rgb(23, 41, 39)

Turquoise 80

rgb(31, 61, 59)

Turquoise 70

rgb(39, 92, 87)

Turquoise 60

rgb(43, 123, 117)

Turquoise 50

rgb(35, 158, 152)

Turquoise 40

rgb(0, 185, 180)

Turquoise 30

rgb(121, 205, 205)

Turquoise 20

rgb(175, 223, 225)

Turquoise 10

rgb(234, 246, 245)

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