Decoda Health Brand: Colors, Fonts, Logo & Visual Identity
Decoda Health Brand Identity
A complete profile of Decoda Health's visual system — colors, typography, components, and personality — extracted from https://decodahealth.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://decodahealth.com/.
Primary
- Primary Color: #C5A37E
- RGB: (197, 163, 126)
Accent
- Accent Color: #C5A37E
- RGB: (197, 163, 126)
Background
- Background Color: #1B211B
- RGB: (27, 33, 27)
Text Primary
- Text Color: #1B211B
- RGB: (27, 33, 27)
Link
- Link Color: #C5A37E
- RGB: (197, 163, 126)
Typography
Each font links to its Google Fonts page where available.
Primary
- Body Font: Switzer
- Heading Font: Switzer
Visual Assets
Logo
Favicon
Social Card
UI Components
Button Primary
- Background: #C5A37E
- Text Color: #FFFFFF
- Border Radius: 33554400px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.736911 0.0231723 0.0600903 / 0.2) 0px 10px 15px -3px
Button Secondary
- Background: #262C26
- Text Color: #FFFFFF
- Border Radius: 33554400px
- Shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px
Brand Personality
- Tone: modern
- Energy: medium
- Audience: healthcare professionals
Decoda Health Brand in the Wild
Source: decodahealth.com
Source: decodahealth.com
Source: decodahealth.com
Source: docs.decodahealth.com
Source: docs.decodahealth.com
Source: decodahealth.com
Frequently Asked Questions
What is Decoda Health's primary brand color?
Decoda Health's primary brand color is #C5A37E. It anchors the visual identity across their website, product UI, and marketing materials.What font does Decoda Health use?
Decoda Health uses Switzer as the primary typeface across body and headings.Does Decoda Health use a light or dark theme?
Decoda Health's primary site uses a dark color scheme, with a background of #1B211B.Where can I find Decoda Health's logo?
Decoda Health's logo is available directly on their site (https://decodahealth.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://decodahealth.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 Decoda Health.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.
{
"colorScheme": "dark",
"fonts": [
{
"family": "Switzer",
"role": "body"
}
],
"colors": {
"primary": "#C5A37E",
"accent": "#C5A37E",
"background": "#1B211B",
"textPrimary": "#1B211B",
"link": "#C5A37E"
},
"typography": {
"fontFamilies": {
"primary": "Switzer",
"heading": "Switzer"
},
"fontStacks": {
"heading": [
"Switzer"
],
"body": [
"Switzer"
],
"paragraph": [
"Switzer"
]
},
"fontSizes": {
"h1": "72px",
"h2": "48px",
"body": "11px"
}
},
"spacing": {
"baseUnit": 8,
"borderRadius": "12px"
},
"components": {
"buttonPrimary": {
"background": "#C5A37E",
"textColor": "#FFFFFF",
"borderRadius": "33554400px",
"borderRadiusCorners": {
"topLeft": "33554400px",
"topRight": "33554400px",
"bottomRight": "33554400px",
"bottomLeft": "33554400px"
},
"shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.736911 0.0231723 0.0600903 / 0.2) 0px 10px 15px -3px"
},
"buttonSecondary": {
"background": "#262C26",
"textColor": "#FFFFFF",
"borderRadius": "33554400px",
"borderRadiusCorners": {
"topLeft": "33554400px",
"topRight": "33554400px",
"bottomRight": "33554400px",
"bottomLeft": "33554400px"
},
"shadow": "rgba(0, 0, 0, 0.1) 0px 4px 6px -1px"
}
},
"images": {
"logo": "https://decodahealth.com/decoda-logo-bp.svg",
"favicon": "https://decodahealth.com/favicon.ico",
"ogImage": "https://decodahealth.com/og-image.jpg",
"logoHref": "/",
"logoAlt": "Decoda"
},
"personality": {
"tone": "modern",
"energy": "medium",
"targetAudience": "healthcare professionals"
}
}