Gradia Health Brand Identity

A complete profile of Gradia Health's visual system — colors, typography, components, and personality — extracted from https://www.gradia.com/. Built for designers, agents, and AI tools.

Color Palette

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

• primary:
  • Hex: #3898EC
  • RGB: rgb(56, 152, 236)
• secondary:
  • Hex: #B4BCD0
  • RGB: rgb(180, 188, 208)
• accent:
  • Hex: #FFDEDE
  • RGB: rgb(255, 222, 222)
• background:
  • Hex: #1B1B1B
  • RGB: rgb(27, 27, 27)
• textPrimary:
  • Hex: #1B1B1B
  • RGB: rgb(27, 27, 27)
• link:
  • Hex: #FFDEDE
  • RGB: rgb(255, 222, 222)

Typography

Each font links to its Google Fonts page where available.

• primary: Onest
• heading: Onest

Visual Assets

UI Components

Live previews rendered using Gradia Health's actual button styles.

• Button Primary:
  • background: #FFFFFF
  • textColor: #0B0B0B
  • borderRadius: 12px
  • shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: health-conscious individuals

Gradia Health Brand in the Wild

Frequently Asked Questions

• What is Gradia Health's primary brand color?
  Gradia Health's primary brand color is #3898EC.
• What accent color does Gradia Health use?
  Gradia Health uses #FFDEDE as an accent color.
• What font does Gradia Health use?
  Gradia Health uses Onest as the primary typeface.
• Does Gradia Health use a light or dark theme?
  Gradia Health's primary site uses a light color scheme.
• Where can I find Gradia Health's logo?
  Gradia Health's logo is available directly on their site.
• How was this brand profile generated?
  This profile was extracted from https://www.gradia.com/ using the Firecrawl branding extraction API.

Methodology

Brand data was extracted from https://www.gradia.com/ on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.