Color Palette

We believe in the power of many, merging together to create something unique at SUSE. So does our color system – instead of an expected technical palette, we created a color system inspired by natural elements that is welcoming, yet vivid and powerful.

Download

UPDATED May 15, 2020

Primary Colors


#0C322C
C=65 M=0 Y=35 K=85
R=12 G=50 B=44
Pine

We are still a “green brand” and introduced a dark green background tone that is unique to us and gives us a mature and more serious touch.

Used in backgrounds, for typography, our path on bright backgrounds.

#30BA78
C=70 M=0 Y=65 K=0
R=48 G=186 B=120
Jungle

We stay true to our roots with a playful jungle green. We now use this color to strategically highlight important visual elements like our iconic chameleon logo.

Used for representing SUSE, e.g. in the anchor point, secondary CTAs, illustrations, icons, graphics and within the playground.

#FF6A52
C=0 M=70 Y=70 K=0
R=255 G=106 B=82
Coral

With a bright orange tone , we reflect the power within our community as well as our optimistic problem solving attitude.

Used for activation and on Hero-CTAs, illustrations, icons, graphics and within the playground.

#F2F2F2
C=0 M=0 Y=0 K=7
R=242 G=242 B=242
Fog

As a background color we offer an off-white tone to be more approachable.

Used in backgrounds, for typography, our path on dark backgrounds.

Secondary Colors


Seafoam

A bright green for making our design more optimistic and agile, giving our illustrations and icons more playfulness.

Used in illustrations, icons and graphics.

#7AD4AA
C=50 M=0 Y=40 K=0
R=122 G=212 B=170
Salmon

Like the Sea Foam, Salmon provides our color palette flexibility while adding an additional visual dimension.

Used in illustrations, icons and graphics.

#FF8E77
C=0 M=50 Y=45 K=0
R=255 G=142 B=119

Tertiary Colors


Fog

100%
K=7
#F2F2F2
200%
K=14
#E6E6E6
300%
K=21
#D7D7D7

Shades of Salmon and Seafoam

100%
60%
20%
100%
60%
20%

Contrast & Combinations


Primary   Secondary  
White 13.92:1 Jungle* 5.58:1
Fog 12.43:1 Sea Foam* 7.84:1
    Coral* 4.92:1
    Salmon* 6.22:1
Primary   Secondary  
Black 18.75:1 Jungle* 2.22:1
Pine 12.43:1    
Primary  
Black 8.42:1
Primary  
Black 7:43:1
Primary  
Black 8.42:1
Pine 8.42:1
Primary  
Black 7:43:1
Pine* 7:43:1

Dont’s

Do not use the logo in any way that reduces its integrity, such as modifying any aspect of the logo, not using enough contrast or placing it on a distracting background.

Changing logo color
Avoid using Coral on top of Jungle
Using old brand colors
Avoid using Jungle on top of Coral
Avoid poor contrasting color combinations

Applications


Mock up

Color Applications