When colors are thoughtfully selected, they can evoke specific emotions, reinforce brand recognition, and communicate the brand's essence without uttering a single word.
Primary Palette
Orange is our primary color and it should always be the star in any given print or digital branded application.
DiDi Orange
PMS 1655 C
HEX #FC4D02
sRGB 252 | 77 | 3
CMYK 0 | 77 | 100 | 0
Light DiDi
PMS P 75-1 C
HEX #F5EDEB
sRGB 245 | 237 | 235
CMYK 3 | 8 | 7 | 0
Color shades
HEX #932600
HEX #C23802
HEX #FC4C02
HEX #F8936A
HEX #FFDCD2
HEX #EDE6E3
"Orange is the happiest color"
Frank Sinatra
Secondary palette (print)
Our secondary colors complement our primary palette as accents. As they’re less ownable, they should not be used on their own unless within our own ecosystem.
Mustard
CMYK 0 | 30 | 100 | 0
HEX #ECB731
Light Mustard
CMYK 0 | 2 | 9 | 0
HEX #FDF7E7
Reliable Blue
CMYK 100 | 45 | 16 | 1
HEX #2474A5
Light Reliable Blue
CMYK 8 | 1 | 1 | 0
HEX #EAF2F7
Sea Green
CMYK 98 | 16 | 73 | 3
HEX #338F6F
Light Sea Green
CMYK 8 | 0 | 5 | 0
HEX #EBF4F1
Eminence
CMYK 50 | 91 | 3 | 0
HEX #7F3F8F
Light Eminence
CMYK 2 | 7 | 0 | 0
HEX #F3EBF4
Raisin Black
PMS Black 5 C
CMYK 61 | 77 | 50 | 67
HEX #342330
Light Raisin
CMYK 0 | 0 | 0 | 7
HEX #ECEDEE
Secondary palette (digital)
Just like in our print palette, orange is our star color and the rest should be treated as accents unless within our own ecosystem.
You can use the variety of shades and tints found between the darkest and lightest versions of each color shown here. This allows for flexibility when needed.
DiDi Orange
HEX #FC4C02
RGB 252 | 77 | 3
HEX #932600
HEX #C23802
HEX #FC4C02
HEX #F8936A
HEX #FFDCD2
Digital Mustard
HEX #FFBC00
RGB 255 | 188 | 0
HEX #B27F00
HEX #D29C04
HEX #FFBC00
HEX #FCD976
HEX #FFEDB8
Digital Reliable Blue
HEX #0056EF
RGB 0 | 86 | 239
HEX #003582
HEX #0752B6
HEX #0056EF
HEX #6AA1F8
HEX #C5E2FF
Digital Eminence
HEX #7200B5
RGB 114 | 0 | 181
HEX #430072
HEX #5F0896
HEX #7200B5
HEX #B475DD
HEX #EDD9FF
Digital Green
HEX #3AA537
RGB 58 | 165 | 55
HEX #00682C
HEX #1C8531
HEX #3AA537
HEX #81C987
HEX #CAEDCD
Digital Raisin Black
HEX #3A2932
RGB 58 | 41 | 50
HEX #3A2932
HEX #8C8288
HEX #DEDBDD
Avoid using Raisin Black and colors from local competitors as a background.
Good & Poor Color Contrast
Good Color Contrast
Following WCAG guidelines for increased inclusion and legibility, these are the color combinations we recommend for typography.
Use Raisin Black for typography when setting texts against our lighter tints.
Aa
Background #FC4C02
Text #FFFFFF
AA
Aa
Background #FFDCD2
Text #3A2932
AAA
Aa
Background #FFBC00
Text #3A2932
AAA
Aa
Background #FFEDB8
Text #3A2932
AAA
Aa
Background #0056EF
Text #FFFFFF
AAA
Aa
Background #C5E2FF
Text #3A2932
AAA
Aa
Background #7200B5
Text #FFFFFF
AAA
Aa
Background #EDD9FF
Text #3A2932
AAA
Aa
Background #3AA537
Text #FFFFFF
AA
Aa
Background #CAEDCD
Text #3A2932
AAA
Bad Color Contrast
These color combinations do not pass WCAG accessibility guidelines, please avoid them.
When setting typography on the darker shades from our palette, avoid using the lighter tints for the font and use white instead, as this favours legibility.