Skip to content

Colors

All our colors are carefully selected with the ambition to show who we are: A professional, conscious and people-driven community who help people do great things with tech. 

Below, you will find our color codes and the rules for their use.

Foundation color

Black is the foundation color of our brand. The color adds a sound and solid feeling which works perfectly in combination with the bright brand colors.

twoday-co3_colors-black
Black
HEX #171717
RGB 23, 23, 23
CMYK 0, 0, 0, 100
CMYK 40, 30, 30, 100
PMS Process Black C
PMS Process Black U

 

Neutral colors

The neutral colors are used for functional purposes to create a dynamic and balanced look and feel.

twoday-co3_colors-white
White
HEX #ffffff
RGB 255, 255, 255
CMYK 0, 0, 0, 0
   
   
twoday-co3_colors-light-grey
Light grey
HEX #c8c8c8
RGB 200, 200, 200
CMYK 23, 17, 17, 4
PMS 420 C
PMS 420 U
twoday-co3_colors-dark-grey
Dark grey
HEX #3c3c3c
RGB 60, 60 , 60
CMYK 0, 0, 0, 90
PMS 447 C
PMS 447 U

Primary brand colors

Our primary brand colors really light up the world. The vibrant and colorful palette helps us create attention and shows the diversity of our community. 

To create a uniform brand expression, please follow our guidelines. For example, do not use the primary colors as text colors. Our words are in black or white. Easy as that. Additionally, do not interchange the use of black and white text according to your own preference. We have rules for how to combine text color with background colors.

twoday-co3_colors-green
Light green
HEX #00e277
RGB 0, 226, 119
CMYK *83, 0, 80, 0
PMS 7479 C
PMS 7479 U
NCS S2060-B70G
twoday-co3_colors-blue
Light blue
HEX #009ce9
RGB 0, 156, 233 
CMYK 77, 17, 0, 0 
PMS 2925 C
PMS 2925 U
NCS S1565-B
twoday-co3_colors-light-orange
Light orange
HEX #ffbc57
RGB 255, 188, 87
CMYK 0, 32, 72, 0
PMS 1365 C
PMS 141 U
NCS S0560-Y20R
twoday-co3_colors-yellow
Yellow
HEX #faed98
RGB 250, 237, 152
CMYK 3, 4, 50, 0
PMS 461 C
PMS 461 U
NCS S0530-Y
twoday-co3_colors-dark-orange
Dark orange
HEX #ff8439
RGB 255, 132, 57
CMYK *0, 60, 83, 0
PMS 715 C
PMS 144 U
NCS S0580-Y50R
twoday-co3_colors-red
Red
HEX #ff3442
RGB 255, 52, 66
CMYK *0, 90, 73, 0
PMS Red 032 C
PMS Red 032 U
NCS S0580-Y90R
twoday-co3_colors-dark-green
Dark green
HEX #003e25
RGB 0, 62, 37
CMYK 93, 27, 85, 67
PMS 3435 C
PMS 3435 U
NCS S8505-G
twoday-co3_colors-dark-blue
Dark blue
HEX #00173a
RGB 0, 23, 58
CMYK 100, 78, 19, 70
PMS 2767 C
PMS 2767 U
NCS S8505-B

*Note
Use Pantone colors to achieve a more similar expression as on screen.

Tint colors

These variations are suitable for non-contrast elements and backgrounds. They’re based on the main tone and created by reducing its opacity.

twoday-co3_colors-tint-green
twoday-co3_colors-tint-blue
twoday-co3_colors-tint-light-orange
twoday-co3_colors-tint-yellow
twoday-co3_colors-tint-dark-orange
twoday-co3_colors-tint-light-grey
twoday-co3_colors-tint-red
twoday-co3_colors-tint-dark-green
twoday-co3_colors-tint-dark-blue
twoday-co3_colors-tint-dark-grey
twoday-co3_colors-tint-black