Marketing TechnologyFounded 2006
HubSpot Brand Colors
HubSpot's coral orange is warm, approachable, and energetic — perfectly matching its inbound marketing philosophy.
hubspot.com ↗Brand Palette
#FF7A59
#33475B
#FFFFFF
Primary
Dark Background
Background
Color Values
HubSpot Orange
Primary
- HEX
- #FF7A59
- RGB
- rgb(255, 122, 89)
- HSL
- hsl(12, 100%, 67%)
HubSpot Dark
Dark Background
- HEX
- #33475B
- RGB
- rgb(51, 71, 91)
- HSL
- hsl(210, 28%, 28%)
HubSpot White
Background
- HEX
- #FFFFFF
- RGB
- rgb(255, 255, 255)
- HSL
- hsl(0, 0%, 100%)
Accessibility Analysis
| Color | on White | on Black |
|---|---|---|
HubSpot Orange | 2.57:1Fail | 8.18:1AAA |
HubSpot Dark | 9.58:1AAA | 2.19:1Fail |
HubSpot White | 1:1Fail | 21:1AAA |
WCAG AA requires 4.5:1 for normal text. AA Large requires 3:1 for large text (18pt+) and UI components. AAA requires 7:1.
CSS Implementation
:root {
--hubspot-hubspot-orange: #FF7A59;
--hubspot-hubspot-dark: #33475B;
--hubspot-hubspot-white: #FFFFFF;
}
/* Usage example */
.btn-primary {
background-color: var(--hubspot-hubspot-orange);
color: #ffffff;
}Similar Color Alternatives
Named colors visually closest to HubSpot's primary color — useful for approximations or accessible substitutes.
Design Notes
Color Psychology
HubSpot uses a light palette anchored by HubSpot Orange (#FF7A59). MarTech brands often subvert the blue-heavy SaaS norm with warm, energetic tones to project approachability and growth-focus.
Design Principles
- High contrast ratios ensure legibility across all contexts
- Consistent color usage across touchpoints builds strong brand recognition
- Color palette reflects the brand's industry positioning and audience expectations
Explore Individual Colors
Tags
marketingorangesaascrm
More Marketing Technology Brand Colors
Frequently Asked Questions
What are HubSpot's official brand colors?
HubSpot's official brand colors are: HubSpot Orange (#FF7A59), HubSpot Dark (#33475B), HubSpot White (#FFFFFF).
What is HubSpot's primary color hex code?
HubSpot's primary brand color is HubSpot Orange with hex code #FF7A59.
What are the RGB values for HubSpot's primary color?
HubSpot Orange (#FF7A59) has RGB values of rgb(255, 122, 89).
What is the HSL value of HubSpot's primary color?
HubSpot Orange has an HSL value of hsl(12, 100%, 67%).
Is HubSpot's primary color WCAG accessible?
HubSpot Orange (#FF7A59) has a contrast ratio of 2.57:1 on white, which does not pass WCAG AA (requires 4.5:1). Consider pairing it with a high-contrast text color.
What industry is HubSpot in?
HubSpot operates in the Marketing Technology industry, founded in 2006.