# Health Harbor Brand Identity

A complete profile of **Health Harbor**'s visual system — colors, typography, components, and personality — extracted from [https://healthharbor.co/](https://healthharbor.co/). Built for designers, agents, and AI tools.

## Color Palette
Brand palette extracted from https://healthharbor.co/.

| Color       | Hex Code | RGB                  |
|-------------|----------|---------------------|
| Primary     | #113224  | rgb(17, 50, 36)     |
| Secondary   | #3898EC  | rgb(56, 152, 236)   |
| Accent      | #05A105  | rgb(5, 161, 5)      |
| Background  | #F0F2ED  | rgb(240, 242, 237)  |
| Text Primary| #07301E  | rgb(7, 48, 30)      |
| Link        | #07301E  | rgb(7, 48, 30)      |

## Typography
Each font links to its Google Fonts page where available.

**Primary**: Onest  
**Heading**: DM Sans

- Onest [Google Fonts →](https://fonts.google.com/specimen/Onest)  
- DM Sans [Google Fonts →](https://fonts.google.com/specimen/DM+Sans)

## Visual Assets

Logo

Favicon

## UI Components
Live previews rendered using Health Harbor's actual button styles.

### Button Primary
- Background: #05A105
- Text Color: #FFFFFF
- Border Radius: 200px
- Shadow: none

### Button Secondary
- Background: #FFFFFF
- Text Color: #FFFFFF
- Border Color: #07301E
- Border Radius: 200px
- Shadow: none

## Brand Personality
**Tone:** professional  
**Energy:** medium  
**Audience:** healthcare professionals and patients

## Frequently Asked Questions

**What is Health Harbor's primary brand color?**  
Health Harbor's primary brand color is #113224. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does Health Harbor use?**  
Health Harbor uses #05A105 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does Health Harbor use?**  
Health Harbor uses Onest for body text and DM Sans for headings. Fonts were detected on https://healthharbor.co/ as part of their live design system.

**Does Health Harbor use a light or dark theme?**  
Health Harbor's primary site uses a light color scheme, with a background of #F0F2ED.

**Where can I find Health Harbor's logo?**  
Health Harbor's logo is available directly on their site (https://healthharbor.co/). 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://healthharbor.co/ 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 Health Harbor.