# Beehiiv Brand Identity

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

## Color Palette

Brand palette extracted from https://www.beehiiv.com.

| Type      | Value                | RGB                |
|-----------|---------------------|--------------------|
| Primary   | #0D0B28             | rgb(13, 11, 40)    |
| Secondary | #141230             | rgb(20, 18, 48)    |
| Accent    | #2F39BA             | rgb(47, 57, 186)   |
| Background | #FFFFFF           | rgb(255, 255, 255) |
| Text Primary | #060419        | rgb(6, 4, 25)      |
| Link      | #060419             | rgb(6, 4, 25)      |

## Typography

Each font links to its Google Fonts page where available.

| Role   | Font Family                          |
|--------|--------------------------------------|
| Primary| SatoshiFont                        |
| Heading| SatoshiFont                         |

### Code Instructions
```
Not found on Google Fonts? Follow these steps:
1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Capture font URLs by right-clicking → Save As.
```

## Visual Assets

%20!important%3B%22%3E%3Cg%20id%3D%22beehiiv-logo-c%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cg%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cg%20id%3D%22beehiiv-logo-d%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cg%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M101.7%2C51.8H15.3c-2.2%2C0-4-1.8-4-4v-6.1c0-6.9%2C5.6-12.5%2C12.5-12.5h69.3c6.9%2C0%2C12.5%2C5.6%2C12.5%2C12.5v6.1%20%20%20%20%20%20%20C105.7%2C50%2C103.9%2C51.8%2C101.7%2C51.8z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M83.5%2C22.6h-50c-2.2%2C0-4.1-1.8-4.1-4.1l0%2C0C29.4%2C8.3%2C37.7%2C0%2C47.9%2C0h21.2c10.2%2C0%2C18.5%2C8.3%2C18.5%2C18.5l0%2C0%20%20%20%20%20%20%20C87.6%2C20.8%2C85.8%2C22.6%2C83.5%2C22.6C83.5%2C22.6%2C83.5%2C22.6%2C83.5%2C22.6z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M105.7%2C58.4H11.3C5.1%2C58.4%2C0%2C63.5%2C0%2C69.7S5.1%2C81%2C11.3%2C81h33.5c1.2-6.4%2C6.8-11.3%2C13.6-11.3%20%20%20%20%20%20%20S70.9%2C74.6%2C72.1%2C81h33.5c6.2%2C0%2C11.3-5.1%2C11.3-11.3S111.9%2C58.4%2C105.7%2C58.4C105.7%2C58.4%2C105.7%2C58.4%2C105.7%2C58.4z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cg%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M101.6%2C87.6H72.3v22.6h22c6.2%2C0%2C11.3-5.1%2C11.3-11.3v-7.2C105.7%2C89.5%2C103.9%2C87.6%2C101.6%2C87.6%20%20%20%20%20%20%20%20C101.6%2C87.6%2C101.6%2C87.6%2C101.6%2C87.6z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15.3%2C87.6c-2.2%2C0-4.1%2C1.8-4.1%2C4.1v7.2c0%2C6.2%2C5.1%2C11.3%2C11.3%2C11.3h22V87.6C44.6%2C87.6%2C15.3%2C87.6%2C15.3%2C87.6z%20%20%20%20%20%20%20%20%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Beehiiv's actual button styles.

| Button Type       | Background    | Text Color   | Border Color | Border Radius |
|-------------------|----------------|---------------|--------------|----------------|
| Button Primary     | #2F39BA       | #EDEFF2      | None         | 9999px         |
| Button Secondary   | #141230       | #EDEFF2      | #151327      | 9999px         |

## Brand Personality

**Tone:** modern  
**Energy:** medium  
**Audience:** newsletter creators and marketers

## Beehiiv Brand in the Wild

Image: [images.prismic.io](https://images.prismic.io/beehiiv/ZuyTj7VsGrYSvmmV_growth.png?auto=format,compress)  
Source: [beehiiv.com](https://www.beehiiv.com/virtual-events/jumpstart-your-beehiiv-journey-04-24-2026?srsltid=AfmBOooi3rXDZHMcQPR438AukbU--lDr7aX48nG_7M_00BO0MG1NlThu)

Image: [media.beehiiv.com](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1782b6ac-3237-45c3-8751-a0de2f3dba3c/image1.png?t=1750093628)  
Source: [beehiiv.com](https://www.beehiiv.com/blog/how-can-you-make-money-from-a-blog?srsltid=AfmBOor2egqexoyRTcCqviALxPe3BT0CbTItUSYYRxAiRXbbopMk_qwG)

## Frequently Asked Questions

1. **What is Beehiiv's primary brand color?**  
   Beehiiv's primary brand color is #0D0B28. It anchors the visual identity across their website, product UI, and marketing materials.
2. **What accent color does Beehiiv use?**  
   Beehiiv uses #2F39BA as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. **What font does Beehiiv use?**  
   Beehiiv uses SatoshiFont as the primary typeface across body and headings.
4. **Does Beehiiv use a light or dark theme?**  
   Beehiiv's primary site uses a light color scheme, with a background of #FFFFFF.
5. **Where can I find Beehiiv's logo?**  
   Beehiiv's logo is available directly on their site ([https://www.beehiiv.com](https://www.beehiiv.com)).
6. **How was this brand profile generated?**  
   This profile was extracted from [https://www.beehiiv.com](https://www.beehiiv.com/) using the Firecrawl branding extraction API.

## Methodology

Brand data on this page was extracted using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search and linked to their original publishers.  
This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Beehiiv.