Log in / Register Account

Our official color was an easy decision. Aside from our logo, the color red is our most recognizable brand asset. When you need your design to be unmistakably Red Hat, start with the color red.

This is Red Hat red

It can go darker or lighter.

#FAB6B6
R 250 G 182 B 182
C 0 M 35 Y 20 K 0
PMS  176C

#F5606D
R 245 G 109 B 109
C 0 M 70 Y 50 K 0
PMS  177C

#EE0000
R 238 G 0 B 0
C 0 M 98 Y 85 K 0
PMS  1788

#BE0000
R 190 G 0 B 0
C 0 M 98 Y 85 K 70
PMS  1805C

#5F0000
R 95 G 0 B 0
C 0 M 98 Y 85 K 70
PMS  1817C

We use it with neutrals.

#FFFFFF
R 255 G 255 B 255
C 0 M 0 Y 0 K 0
 White

#DEDEDE
R 222 G 222 B 222
C 0 M 0 Y 0 K 10
PMS  Cool Gray 1C

#AAAAAA
R 170 G 170 B 170
C 0 M 0 Y 0 K 40
PMS  Cool Gray 5C

#4D4D4D
R 77 G 77 B 77
C 0 M 0 Y 0 K 85
PMS  Cool Gray 11C

#000000
R 0 G 0 B 0
C 60 M 40 Y 40 K 100
 Rich Black

Our core color palette

Our core colors–red, black, and white–are in the Red Hat® logo and are most closely associated with our brand. We use them to make a big impression. Every project should start with our core colors.

Core palette 1

Core palette 2

A little red goes a long way

Red is a strong color. Use a white, black, or gray background with a simple layout and lots of open space with pops of red to make the space more open and approachable. It can be just as impactful as filling a space with red.

This is an example of a little red going a long way in our new logo launch graphics.

This is an example of a little red going a long way in our web headers and isometric illustrations.

Beyond red

When we need to move beyond red to communicate a certain tone or tell a specific story, we use the Red Hat extended color palette. 

The colors we use influence how our audience will encounter our brand. When we use a consistent color palette, we look more professional and authentic. The colors we choose affect how we communicate our content and which design elements are emphasized.

Our color wheel starts with Red Hat red and adds 9 additional colors, from orange to indigo. You can use darker or lighter shades of any of these colors. For your convenience, we have provided the color values for 1 to 3 tints and shades of each color.

How we use color

Our work should always look and feel like Red Hat, even when we are using colors other than red. Start with the following principles: 

Lead with white space
Use a white or neutral background that is open and not cluttered with too many design elements. Spacious and open designs help the most important elements of our brand stand out.

Use red as the main accent
Because Red Hat red is one of our most recognizable brand assets, it should always be part of your palette so that what you are creating truly looks and feels like Red Hat.

Use only up to 2 other saturated colors 
Use only up to 2 other saturated colors to create a palette that feels like Red Hat. More colors can feel chaotic or silly.

Color in presentations

Whether distributed internally or externally, presentations should always feel like Red Hat. Use the presentation template that uses our core colors. While these should work for most presentations, some slides include graphs, diagrams, and other assets that require additional colors. In these instances, choose one of the presentation palettes below to keep your presentation professional and on-brand.

Presentation palette 1

Presentation palette 2

Presentation palette 3

Presentation palette 4

Color in illustrations

Illustrations can tell a story in a way that photography and icons cannot. We use illustrations to tell conceptual stories or describe nuanced ideas. Illustrations can be created with our core palette, but using a richer palette can help create the right tone for the story. Keeping a limited palette with red as an accent ensures that illustrations still look like Red Hat. 

Within an illustration or set of illustrations, skin tones should be consistent and inclusive of our diverse audience. Use tints and shades of red or orange for skin tones, and avoid the most dominant shades of both colors. The color you use for skin tones should also match the rest of the illustration. For example, use red-based skin tones in illustrations with red accents. 

Red skin tones

Orange skin tones

Style illustrations according to your palette, not according to real life. For example, do not force green into your palette simply because there is a plant in the scene. Instead, focus on stylizing the illustration based on your limited color palette.

Do this

Style illustrations according to your palette, not according to real life.

Do not do this

Do not force a color into your palette to make an illustration’s colors match real life.

Do this

Use tints or shades of red or orange for skin tones.

Do not do this

Do not use colors other than tints or shades of red or orange for skin tones.

Swag

Branded merchandise, also known as swag, is more than just pens and T-shirts. We use swag to engage our audience in our brand experience and increase brand impressions, so start with our core color palette. If you use other colors, try to be consistent with what your program or group is using in other applications.

The rainbow colors used by the Red Hat Pride community are an example of using several colors in the appropriate context.

This shirt, designed for the Cool Stuff Store, uses our core colors to feel distinctly like Red Hat.

User experience (UX)

To make our web content accessible to everyone, we rely on contrast. Color that is too light or dark may obscure the text or design elements on the page and mask crucial information, like warnings and informational elements. 

Accessibility and contrast
For those with limited vision or colorblindness, strong contrast can be the difference between seeing and not seeing a message. To achieve this contrast, use complementary colors, an appropriate combination of light and dark colors, or text on open black and white backgrounds. Also ensure that text and important design elements have enough difference in value between them and the background. To test your design for maximum visibility, you can use an application like Color Oracle that shows you what different colors look like to people with visual impairments.

Do this

Choose text and background colors that have strong contrast.

Do not do this

Do not put light text on a light background or dark text on a dark background.

Do this

Use blue links on light backgrounds for optimal contrast..

Do not do this

Do not use blue links on dark backgrounds.

For color to be accessible on the web, the text and background must have enough contrast to pass web content accessibility guidelines (WCAG) at level AA standards. Of the colors in our brand palette, only Red Hat red passes accessibility tests on both black and white backgrounds. 

Color in use

Do this

Use Red Hat red as the primary accent color.

Do not do this

Do not use light red as a primary accent color or background.

Do this

Use bright and pastel colors sparingly and meaningfully.

Do not do this

Do not fill large areas or backgrounds with bright or pastel colors.

Red Hat Summit uses our color palette extensively, prioritizing white space while remaining vibrant and playful.

Command Line Heroes targets a technical audience with dark colors combined with open space and red accents.

The Unidos Diversity and Inclusion community uses our extended color palette to reference cultural inclusivity in marketing materials.

Multicolor illustrations are used for storytelling.