Energy & Oil
BP Color Codes
BP's mark is the Helios sunburst, built from green and yellow rays, hex #009B3A for the green with a yellow near #FFE500. The BP color codes in Hex, RGB and CMYK can be found below. The company started in 1908 as the Anglo-Persian Oil Company, drilling in Iran, and became British Petroleum in 1954. Its rival among the oil majors is Shell.
Primary colors
What are BP Primary Colors?
BP's primary colors are bp green #009B3A, light green #80C242, yellow #FFE500, white #FFFFFF.
BP publishes brand guidelines; the CMYK shown is a conversion.
BP BP Green
| Hex | #009B3A |
|---|---|
| RGB | 0, 155, 58 |
| HSL | hsl(142, 100%, 30%) |
| CMYK | 100%, 0%, 63%, 39%converted · approximate |
| Pantone | PMS 355 Cnearest match · not published by the brand |
BP Light Green
| Hex | #80C242 |
|---|---|
| RGB | 128, 194, 66 |
| HSL | hsl(91, 51%, 51%) |
| CMYK | 34%, 0%, 66%, 24%converted · approximate |
| Pantone | PMS 369 Cnearest match · not published by the brand |
BP Yellow
| Hex | #FFE500 |
|---|---|
| RGB | 255, 229, 0 |
| HSL | hsl(54, 100%, 50%) |
| CMYK | 0%, 10%, 100%, 0%converted · approximate |
| Pantone | PMS 102 Cnearest match · not published by the brand |
BP White
| Hex | #FFFFFF |
|---|---|
| RGB | 255, 255, 255 |
| HSL | hsl(0, 0%, 100%) |
| CMYK | 0%, 0%, 0%, 0%converted · approximate |
| Pantone | PMS 656 Cnearest match · not published by the brand |
BP Hex Color Codes
BP hex color codes are #009B3A for bp green, #80C242 for light green, #FFE500 for yellow and #FFFFFF for white.
| Color | Hex |
|---|---|
| BP Green | #009B3A |
| Light Green | #80C242 |
| Yellow | #FFE500 |
| White | #FFFFFF |
BP RGB Color Codes
BP RGB color codes are 0, 155, 58 for bp green, 128, 194, 66 for light green, 255, 229, 0 for yellow and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| BP Green | rgb(0, 155, 58) |
| Light Green | rgb(128, 194, 66) |
| Yellow | rgb(255, 229, 0) |
| White | rgb(255, 255, 255) |
BP HSL Color Codes
BP HSL color codes are 142, 100%, 30% for bp green, 91, 51%, 51% for light green, 54, 100%, 50% for yellow and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| BP Green | hsl(142, 100%, 30%) |
| Light Green | hsl(91, 51%, 51%) |
| Yellow | hsl(54, 100%, 50%) |
| White | hsl(0, 0%, 100%) |
BP CMYK Color Code
BP CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| BP Green | 100%, 0%, 63%, 39% |
| Light Green | 34%, 0%, 66%, 24% |
| Yellow | 0%, 10%, 100%, 0% |
| White | 0%, 0%, 0%, 0% |
BP Pantone Color Codes
BP Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| BP Green | PMS 355 C |
| Light Green | PMS 369 C |
| Yellow | PMS 102 C |
| White | PMS 656 C |
Logo
BP Logo Colors
BP logo colors are green and yellow, arranged as overlapping sun rays.
BP Logo Colors Palette
What the BP Logo Colors Mean?
The BP logo colors point at the sun. The 2000 rebrand replaced a green shield with the Helios mark, named after the Greek sun god, a circle of green and yellow blades meant to read as energy, heat and light rather than crude oil. Green and yellow themselves go back to BP forecourts of the 1950s, kept because drivers already knew them.
BP Logo Color History
BP logo color history keeps green and yellow across a century of shields, badges and the current sunburst. The 2000 Helios work, by Landor and costing a reported 211 million dollars, was the sharp break: out went the shield, in came the flower, and the two colors were brightened.
BP Logo Fonts
BP logo fonts are a custom sans, not for sale. A clean humanist sans such as Frutiger is the closest match.
BP Logo JPG
BP logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
BP Logo PNG
BP logo in PNG, with a transparent background. Use it over a colored surface.
BP Logo WebP
BP logo in WebP. Same transparency as the PNG at about a third of the file size.
BP Color Code Shades
BP color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not BP paint or trim names.
In code
Using the BP palette
CSS custom properties
:root {
--bp-bp-green: #009B3A;
--bp-light-green: #80C242;
--bp-yellow: #FFE500;
--bp-white: #FFFFFF;
}Contrast against white
| BP Green | 3.65:1AA × |
|---|---|
| Light Green | 2.16:1AA × |
| Yellow | 1.28:1AA × |
| White | 1.00:1AA × |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.