Fivetran Brand Identity

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

Color Palette

Brand palette extracted from http://fivetran.com.

• primary
  • Hex: #306BEA
  • rgb: (48, 107, 234)
• secondary
  • Hex: #001525
  • rgb: (0, 21, 37)
• accent
  • Hex: #306BEA
  • rgb: (48, 107, 234)
• background
  • Hex: #FFFFFF
  • rgb: (255, 255, 255)
• textPrimary
  • Hex: #222222
  • rgb: (34, 34, 34)
• link
  • Hex: #8CB1FF
  • rgb: (140, 177, 255)

Typography

Each font links to its Google Fonts page where available.

• primary: Inter (Google Fonts →)
• heading: Inter (Google Fonts →)

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Fivetran's actual button styles.

Button Primary

• background: #306BEA
• textColor: #FFFFFF
• borderColor: #306BEA
• borderRadius: 4px
• shadow: none

Button Secondary

• background: transparent
• textColor: #306BEA
• borderColor: #306BEA
• borderRadius: 4px
• shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: business professionals and data teams

Frequently Asked Questions

1. What is Fivetran's primary brand color?
   Fivetran's primary brand color is #306BEA.

2. What font does Fivetran use?
   Fivetran uses Inter as the primary typeface.

3. Does Fivetran use a light or dark theme?
   Fivetran uses a light color scheme.

4. Where can I find Fivetran's logo?
   Fivetran's logo is available on their site (http://fivetran.com).

5. How was this brand profile generated?
   This profile was extracted from http://fivetran.com using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from http://fivetran.com on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#306BEA",
    "secondary": "#001525",
    "accent": "#306BEA",
    "background": "#FFFFFF",
    "textPrimary": "#222222",
    "link": "#8CB1FF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "44px",
      "h2": "20px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#306BEA",
      "textColor": "#FFFFFF",
      "borderColor": "#306BEA",
      "borderRadius": "4px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#306BEA",
      "borderColor": "#306BEA",
      "borderRadius": "4px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/6130fa1501794ed4d11867ba/63d9599008ad50523f8ce26a_logo.svg",
    "favicon": "https://cdn.prod.website-files.com/6130fa1501794ed4d11867ba/6157393b4dfeb61275ec8f97_color.png",
    "ogImage": "https://cdn.prod.website-files.com/6130fa1501794ed4d11867ba/6267492360c41b79149c466a_fivetran_OGI.png"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals and data teams"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  }
}