Drata Brand Identity

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

Color Palette

Brand palette extracted from https://drata.com.

• primary: #0F1F3D (rgb(15, 31, 61))
• secondary: #2E4DFF (rgb(46, 77, 255))
• accent: #2E4DFF (rgb(46, 77, 255))
• background: #0F161A (rgb(15, 22, 26))
• textPrimary: #0F161A (rgb(15, 22, 26))
• link: #1C262B (rgb(28, 38, 43))

Typography

Each font links to its Google Fonts page where available.

• primary: Geist
• heading: Geist

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Drata's actual button styles.

• Input:
  background: #FFFFFF
  textColor: #0F161A
  borderColor: null
  borderRadius: 4px
  shadow: none

• Button Primary:
  background: #2E4DFF
  textColor: #FFFFFF
  borderRadius: 4px
  shadow: none

• Button Secondary:
  background: #1C262B
  textColor: #F5F6F7
  borderColor: #222C31
  borderRadius: 4px
  shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: businesses seeking trust management solutions

Drata Brand in the Wild

Image: cdn.builder.io

Source: drata.com

Image: cdn.builder.io

Source: drata.com

Image: images.drata.com

Source: drata.com

Image: cdn.safebase.io

Source: trust.drata.com

Image: images.drata.com

Source: drata.com

Frequently Asked Questions

1. What is Drata's primary brand color? Drata's primary brand color is #0F1F3D, anchoring the visual identity across their website, product UI, and marketing materials.
2. What accent color does Drata use? Drata uses #2E4DFF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. What font does Drata use? Drata uses Geist as the primary typeface across body and headings.
4. Does Drata use a light or dark theme? Drata's primary site uses a dark color scheme, with a background of #0F161A.
5. Where can I find Drata's logo? Drata's logo is available directly on their site (https://drata.com). The current logo URL is included in the machine-readable JSON profile linked above.
6. How was this brand profile generated? This profile was extracted from https://drata.com using the Firecrawl branding extraction API, inspecting the live page's CSS, fonts, color tokens, and component styles.

Methodology

Brand data on this page was extracted from https://drata.com on 2026-07-27 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 restricted to ad/webinar/report queries.