Skip Navigation

Home  >  About  >  Digital Publishers Toolkit  >  Style Guide

Branding and visual elements strengthen the IEEE reputation and create a consistent experience for users.

Users bring their own experience and expectations to any site they visit. If you ignore that, you risk causing confusion and alienation. Consistency facilitates efficient task completion and creates trust in the brand.


Color palette

IEEE sites should utilize the IEEE color palette to create a more unified look and feel throughout the IEEE digital presence. Although the palette offers a broad range of colors, it is advised to use only two or three colors from either palette predominantly throughout the site. Additional color usage within or outside the palette should be used sparingly and purposefully. and templates for other IEEE sites were designed using a broad range of colors. This color palette can be referenced in the IEEE Visual Identity Guidelines (PDF, 5 MB) document within the "Brand Basics: Color" section.

Use of these colors on for purposes other than those specified, or use of colors not included on the palette, should be approved by the Digital Innovations team,

Additional colors may be used within site page templates. Efforts to incorporate colors from, or complementary to, the IEEE color palette will create a more unified look and feel between the sites. Although IEEE offers a broad range of colors, it is advised to use only two or three colors from either palette. 

IEEE Primary Color

Color plays an important role in representing the IEEE brand. Use IEEE Blue (Pantone specification 3015 C) on all corporate-wide communications. This specific blue has been chosen for its reliability in various printing processes and its similarity to the previous blue used on many IEEE communications. Having been used consistently over time, this color is associated with the IEEE brand. (Additional information can be found in Bright/Dark color palette sections below.)

IEEE Blue PMS 3015 C



(Only the specific tints of this color have been approved for use)

IEEE Expanded Palette: Bright and Dark Colors

  • Use CMYK colors when four-color printing is available
  • Use Pantone colors when printing with more than four colors, or fewer than three colors
  • Use RGB colors for screen-based applications, such as PowerPoint presentations, HTML emails, and television monitors
  • Use Hexadecimal colors when creating websites and any related applications, such as banner advertisements
  • Tints of 100%, 80%, 60%, 40%, and 20% are also acceptable
 Primary Hexidecimal
ieee_primary_blue_006699  #006699  3015 C  C100 M31 Y5 K20  R0 G102 B161
 Bright  Hexidecimal
ieee_bright_orange_E37222 #E37222  158 C  C0 M64 Y95 K0  R227 G114 B34
hex number FFCC33 #FFCC33  123 C  C0 M21 Y88 K0  R253 G200 B47
hex number 66CC33 #66CC33  368 C  C63 M0 Y97 K0  R105 G190 B40
hex number 008542 #008542  348 C  C100 M4 Y87 K18  R0 G133 B66
ieee_bright_red_CC0033 #CC0033  200 C  C0 M100 Y66 K12  R204 G18 B57
hex number 6B1F73 #6B1F73  2612 C  C70 M100 Y0 K5  R107 G31 B124
hex number 009FDA #009FDA  Process Cyan C  C100 M0 Y0 K0  R0 G159 B218
hex number FFFFFF #FFFFFF  N/A  C0 M0 Y0 K0  R255 G255 B255
 Dark Hexidecimal
hex number CB7E2B  #CB7E2B 718 C  C0 M70 Y100 K15  R204 G126 B43
hex number CC9933  #CC9933  131 C  C0 M32 Y100 K9  R213 G164 B45
hex number 669933  #669933  370 C  C56 M0 Y100 K27  R113 G149 B61
hex number 336633  #336633  357 C  C80 M0 Y100 K56  R51 G98 B46
hex number 800031  #800031  202 C  C0 M100 Y61 K43  R129 G0 B49
hex number 541868  #541868  2623 C  C59 M100 Y0 K32  R84 G24 B104
hex number 0B5172  #0B5172  308 C  C100 M30 Y0 K67  R0 G103 B143
hex number 000000  #000000  N/A  C0 M0 Y0 K100  R0 G0 B0



top of page


Colors and accessibility

When choosing a web site's colors, accessibility should be a top priority. There should be a sufficient contrast between layered colors so that users with disabilities are able to discern different types of color combinations.

Guidelines for Accessibility

Color checkers for Accessibility


top of page



Imagery used consistently can support the IEEE brand identity.

  • If imagery is used on your site, it should reflect the six imagery themes below. These themes are based on key pillars of the IEEE brand and reflect the IEEE brand personality and style, as well as IEEE members, areas of expertise, and history.
People Technology Knowledge Connected Global Archive
woman at laptop wind turbines people talking person typing on laptop satellite dish person with old technology
  • Real photographs (not clip art or stock images) should be used whenever possible to convey these themes. When real photographs are not available, stock photography that looks real is acceptable, but should only be used in meaningful ways.*
  • Learn more about how to use imagery in the IEEE Visual Identity Guidelines (PDF, 5 MB) within the "Brand Basics: Imagery" section.

*Royalty-free images are available to purchase from various stock photography collections on the digital platform and can be purchased for a one-time fee for usage in an unlimited number of applications, an unlimited number of times.


top of page



Typography can work together with other design elements to make communications more readable, consistent, and visually appealing.

Digital-based applications and websites are encouraged to use Verdana. Verdana is one of the most widely accepted fonts in websites around the world because it was specially designed for screen readability as well as for its resemblance to the primary IEEE sans serif typeface (Formata).

When creating content in's content management system, accept all default fonts rather than changing fonts within a code that would override the style sheets. The default typeface on is Verdana.'s content management system defaults to certain typeface styles for page titles, section titles, and links.

The IEEE typography options can be referenced in the IEEE Visual Identity Guidelines (PDF, 5 MB) document within the "Brand Basics: Typography" section.

IEEE type samples


top of page


Wedge design

The wedge device, based on the graphic style of the diamond symbol from the IEEE Master Brand, is also a key element of the IEEE design system. This symbol, which has a long history at IEEE, has been enhanced to create a unique and dynamic look-and-feel system that can be applied across all of the IEEE branded communications. Using this graphic style correctly and consistently will help build a recognizable and powerful brand look and feel, creating equity for the IEEE brand.'s content management system defaults to use the wedge design within its page designs.

If the Webmaster would like to create an additional design element that uses the wedge, refer to the IEEE Visual Identity Guidelines (PDF, 5 MB) document within the "Design System: The Wedge" section.


IEEE wedge designed from IEEE diamond symbol



top of page


How to use the letters I-E-E-E when designing

  • IEEE must always be used in the title of an IEEE product, service name, or publication. (For example, IEEE eLearning Library, IEEE Xplore, IEEE Photonics Journal.) The letters I-E-E-E also must appear in any graphic representation, text, or signage that mentions the product. (header/content)
  • Only the letters I-E-E-E can be used in the title of an IEEE product, service name, or publication. Do not use the IEEE Master Brand (consisting of the IEEE diamond-shaped logo—the "kite"—followed by the letters I-E-E-E) or any portion of it. (applies to header/content)
  • When used in a sentence, title, or name, the letters "IEEE" should always be capitalized. (applies to content)
  • The letters I-E-E-E can be in any of the IEEE approved fonts except Univers 75, the font for the Master Brand, or in a font that closely resembles Univers 75. It is recommended that the letters I-E-E-E use the same font as the rest of the name or title. This includes all print, screen, non-screen, and digital-based applications. (applies to graphics)

The following are examples of correct and incorrect usage of the letters I-E-E-E and the IEEE Master Brand in a name or title:

correct and incorrect uses of the letters I-E-E-E

If you have questions, please contact


top of page