Hazel Brand: Colors, Fonts, Logo & Visual Identity
Hazel Brand Identity
A complete profile of Hazel's visual system — colors, typography, components, and personality — extracted from https://hazelai.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://hazelai.com.
| Color | Value | RGB |
|---|---|---|
| Primary | #000000 | rgb(0, 0, 0) |
| Accent | #841210 | rgb(132, 18, 16) |
| Background | #F8FAFC | rgb(248, 250, 252) |
| Text | #841210 | rgb(132, 18, 16) |
| Link | #841210 | rgb(132, 18, 16) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font Family | Link |
|---|---|---|
| Primary | DM Sans | Google Fonts → |
| Heading | DM Sans | Google Fonts → |
Visual Assets
UI Components
Input
- Background: transparent
- Text Color: #0A0A0A
- Border Color: #D1D1D1
- Border Radius: 6px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px
Button Primary
- Background: #841210
- Text Color: #FEF2F2
- Border Radius: 6px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px
Button Secondary
- Background: #FFFFFF
- Text Color: #0A0A0A
- Border Radius: 6px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px
Brand Personality
Tone: professional
Energy: medium
Audience: government and procurement professionals
Frequently Asked Questions
- What is Hazel's primary brand color?
Hazel's primary brand color is #000000. It anchors the visual identity across their website, product UI, and marketing materials. - What accent color does Hazel use?
Hazel uses #841210 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis. - What font does Hazel use?
Hazel uses DM Sans as the primary typeface across body and headings. - Does Hazel use a light or dark theme?
Hazel's primary site uses a light color scheme, with a background of #F8FAFC. - Where can I find Hazel's logo?
Hazel's logo is available directly on their site (https://hazelai.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://hazelai.com 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 Hazel.