Software & SaaS
HubSpot Color Codes
HubSpot's colors are orange #FF7A59 and navy #33475B. The HubSpot color codes in Hex, RGB and CMYK can be found below. Brian Halligan and Dharmesh Shah founded it at MIT in June 2006, and the company is the reason the phrase inbound marketing exists. Its orange is a soft coral rather than a signal orange.
Primary colors
What are HubSpot Primary Colors?
HubSpot's primary color is orange #FF7A59, with navy #33475B carrying text and interface.
HubSpot publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
HubSpot Orange
| Hex | #FF7A59 |
|---|---|
| RGB | 255, 122, 89 |
| HSL | hsl(12, 100%, 67%) |
| CMYK | 0%, 52%, 65%, 0%converted · approximate |
| Pantone | PMS 811 Cnearest match · not published by the brand |
HubSpot Navy
| Hex | #33475B |
|---|---|
| RGB | 51, 71, 91 |
| HSL | hsl(210, 28%, 28%) |
| CMYK | 44%, 22%, 0%, 64%converted · approximate |
| Pantone | PMS 533 Cnearest match · not published by the brand |
HubSpot Hex Color Codes
HubSpot hex color codes are #FF7A59 for orange and #33475B for navy.
| Color | Hex |
|---|---|
| Orange | #FF7A59 |
| Navy | #33475B |
HubSpot RGB Color Codes
HubSpot RGB color codes are 255, 122, 89 for orange and 51, 71, 91 for navy. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Orange | rgb(255, 122, 89) |
| Navy | rgb(51, 71, 91) |
HubSpot HSL Color Codes
HubSpot HSL color codes are 12, 100%, 67% for orange and 210, 28%, 28% for navy. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Orange | hsl(12, 100%, 67%) |
| Navy | hsl(210, 28%, 28%) |
HubSpot CMYK Color Code
HubSpot CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Orange | 0%, 52%, 65%, 0% |
| Navy | 44%, 22%, 0%, 64% |
HubSpot Pantone Color Codes
HubSpot Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Orange | PMS 811 C |
| Navy | PMS 533 C |
Logo
HubSpot Logo Colors
HubSpot logo colors are orange on the sprocket and navy on the wordmark.
HubSpot Logo Colors Palette
What the HubSpot Logo Colors Mean?
The HubSpot logo colors sit on a sprocket, a toothed wheel with nodes on its points, which stands for the parts of a business meshing rather than working separately. Orange this soft is unusual for sales software, where red and blue do most of the shouting, and it fits a company whose whole argument was that customers should come to you rather than be chased. Navy does the reading work: the orange measures 2.5:1 on white and cannot carry body text at any size.
HubSpot Logo JPG
HubSpot logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
HubSpot Logo PNG
HubSpot logo in PNG, with a transparent background. Use it over a colored surface.
HubSpot Logo WebP
HubSpot logo in WebP. Same transparency as the PNG at about a third of the file size.
HubSpot Color Code Shades
HubSpot color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not HubSpot paint or trim names.
In code
Using the HubSpot palette
CSS custom properties
:root {
--hubspot-orange: #FF7A59;
--hubspot-navy: #33475B;
}Contrast against white
| Orange | 2.57:1AA × |
|---|---|
| Navy | 9.58: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.