Dodo Brand: Colors, Fonts, Logo & Visual Identity
Dodo Brand Identity
A complete profile of Dodo's visual system — colors, typography, components, and personality — extracted from https://www.dodo.health/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.dodo.health/.
| Color | Hex Value | RGB Value |
|---|---|---|
| primary | #9CA3AF | rgb(156, 163, 175) |
| accent | #FAF8F5 | rgb(250, 248, 245) |
| background | #FAF8F5 | rgb(250, 248, 245) |
| textPrimary | #231D1A | rgb(35, 29, 26) |
| link | #9CA3AF | rgb(156, 163, 175) |
Typography
Each font links to its Google Fonts page where available.
- Primary Font: SF Pro Display (Body and Heading)
Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:
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. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.
Visual Assets
UI Components
Live previews rendered using Dodo's actual button styles.
Button Primary
- buttonPrimary
- background: #FAF8F5
- textColor: #231D1A
- borderColor: #E5E2DC
- borderRadius: 9999px
- shadow: none
Button Secondary
- buttonSecondary
- background: #231D1A
- textColor: #FAF8F5
- borderRadius: 12px
- shadow: none
Brand Personality
- Tone: modern
- Energy: medium
- Audience: tech-savvy professionals
Dodo Brand in the Wild
Frequently Asked Questions
What is Dodo's primary brand color? Dodo's primary brand color is #9CA3AF.
What accent color does Dodo use? Dodo uses #FAF8F5 as an accent color.
What font does Dodo use? Dodo uses SF Pro Display as the primary typeface.
Does Dodo use a light or dark theme? Dodo's primary site uses a light color scheme.
Where can I find Dodo's logo? Dodo's logo is available on their site (https://www.dodo.health/).
How was this brand profile generated? This profile was extracted from https://www.dodo.health/ using the Firecrawl branding extraction API.
Methodology
Brand data on this page was extracted from https://www.dodo.health/ using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.