BrioHR Brand: Colors, Fonts, Logo & Visual Identity
BrioHR Brand Identity
A complete profile of BrioHR's visual system — colors, typography, components, and personality — extracted from https://briohr.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://briohr.com/.
| Color | Value | RGB Values |
|---|---|---|
| primary | #7EB4A1 | rgb(126, 180, 161) |
| secondary | #0089F7 | rgb(0, 137, 247) |
| accent | #F86247 | rgb(248, 98, 71) |
| background | #FFFFFF | rgb(255, 255, 255) |
| textPrimary | #F86247 | rgb(248, 98, 71) |
| link | #F86247 | rgb(248, 98, 71) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font Family | Link |
|---|---|---|
| body | Inter | Google Fonts → |
| heading | Merriweather | Google Fonts → |
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using BrioHR's actual button styles.
| Component | Background Color | Text Color | Border Radius | Shadow |
|---|---|---|---|---|
| Input | #FFE6A4 | #246E53 | 13px | rgba(0, 0, 0, 0.02) 0px 0px 2px 2px inset |
| Button Primary | #F86247 | #FFFFFF | 30px | rgba(0, 0, 0, 0.03) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.07) 0px 4px 3px -2px inset |
| Button Secondary | #7EB4A1 | #000000 | 0px | none |
Brand Personality
Tone: professional Energy: medium Audience: business professionals seeking HR solutions
BrioHR Brand in the Wild
Image: api.briohr.com
Source: boards.briohr.com
Image: briohr.com
Source: briohr.com
Image: briohr.com
Source: briohr.com
Image: briohr.com
Source: briohr.com
Image: briohr.com
Source: briohr.com
Image: briohr.com
Source: briohr.com
Frequently Asked Questions
What is BrioHR's primary brand color?
BrioHR's primary brand color is #7EB4A1. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does BrioHR use?
BrioHR uses #F86247 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does BrioHR use?
BrioHR uses Inter for body text and Merriweather for headings. Fonts were detected on https://briohr.com/ as part of their live design system.
Does BrioHR use a light or dark theme?
BrioHR's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find BrioHR's logo?
BrioHR's logo is available directly on their site (https://briohr.com/). 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://briohr.com/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.