Beehiiv Brand: Colors, Fonts, Logo & Visual Identity
Beehiiv Brand Identity
A complete profile of Beehiiv's visual system — colors, typography, components, and personality — extracted from 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
Source: beehiiv.com
Image: media.beehiiv.com
Source: beehiiv.com
Frequently Asked Questions
- 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. - 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. - What font does Beehiiv use?
Beehiiv uses SatoshiFont as the primary typeface across body and headings. - Does Beehiiv use a light or dark theme?
Beehiiv's primary site uses a light color scheme, with a background of #FFFFFF. - Where can I find Beehiiv's logo?
Beehiiv's logo is available directly on their site (https://www.beehiiv.com). - How was this brand profile generated?
This profile was extracted from https://www.beehiiv.com using the Firecrawl branding extraction API.
Methodology
Brand data on this page was extracted using the Firecrawl 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.