Harness Brand: Colors, Fonts, Logo & Visual Identity
Harness Brand Identity
A complete profile of Harness's visual system — colors, typography, components, and personality — extracted from https://harness.io. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://harness.io.
| Type | Color Code | RGB |
|---|---|---|
| Primary | #0092E4 | rgb(0, 146, 228) |
| Secondary | #9195A1 | rgb(145, 149, 161) |
| Accent | #75AE4C | rgb(117, 174, 76) |
| Background | #070707 | rgb(7, 7, 7) |
| TextPrimary | #070707 | rgb(7, 7, 7) |
| Link | #75AE4C | rgb(117, 174, 76) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Google Fonts Link |
|---|---|---|
| Primary | Helvetica | Google Fonts → |
| Heading | Helvetica | Google Fonts → |
| Others | Calsans, Verdana, sans-serif | N/A |
Visual Assets
UI Components
Live previews rendered using Harness's actual button styles.
Input
- Type: Input
- Background: #FFFFFF
- Text Color: #000000
- Border Color: null
- Border Radius: 8px
- Shadow: rgb(0, 0, 0) 0px 0px 0px 0px
Button Primary
- Type: buttonPrimary
- Background: #FFFFFF
- Text Color: #070707
- Border Radius: 32px
- Shadow: rgba(0, 0, 0, 0.05) 2px 2px 0px 0px
Button Secondary
- Type: buttonSecondary
- Background: #000000
- Text Color: #EFEFF1
- Border Color: #303036
- Border Radius: 40px
- Shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: developers and IT professionals
Frequently Asked Questions
What is Harness's primary brand color?
Harness's primary brand color is #0092E4. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Harness use?
Harness uses #75AE4C as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Harness use?
Harness uses Helvetica as the primary typeface across body and headings.
Does Harness use a light or dark theme?
Harness's primary site uses a dark color scheme, with a background of #070707.
Where can I find Harness's logo?
Harness's logo is available directly on their site (https://harness.io). The current logo URL is included in the machine-readable JSON profile linked above.
How was this brand profile generated?
This profile was extracted from https://harness.io using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Harness.