Cognito Brand: Colors, Fonts, Logo & Visual Identity

Cognito Brand Identity

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

Color Palette

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

Color Name	Hex Code	RGB
primary	#818A9B	rgb(129, 138, 155)
secondary	#3D5AFE	rgb(61, 90, 254)
accent	#3C5AFA	rgb(60, 90, 250)
background	#F9FBFE	rgb(249, 251, 254)
textPrimary	#11385B	rgb(17, 56, 91)
link	#11385B	rgb(17, 56, 91)

Typography

Each font links to its Google Fonts page where available.

Font Role	Font Family
primary	Helvetica Neue
heading	Inter

Visual Assets

UI Components

Live previews rendered using Cognito's actual button styles.

Button Primary

Background: #3C5AFA
Text Color: #FFFFFF
Border Radius: 12px
Shadow: none

Button Secondary

Background: #FFFFFF
Text Color: #3C5C8C
Border Color: #DFE5F3
Border Radius: 12px
Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: businesses seeking identity verification solutions

Cognito Brand in the Wild

Source: cognitohq.com

Frequently Asked Questions

What is Cognito's primary brand color?
Cognito's primary brand color is #818A9B. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Cognito use?
Cognito uses #3C5AFA as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Cognito use?
Cognito uses Helvetica Neue for body text and Inter for headings. Fonts were detected on https://cognitohq.com as part of their live design system.

Does Cognito use a light or dark theme?
Cognito's primary site uses a light color scheme, with a background of #F9FBFE.

Where can I find Cognito's logo?
Cognito's logo is available directly on their site (https://cognitohq.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://cognitohq.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 Cognito.

Methodology

Brand data on this page was extracted from https://cognitohq.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.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {  
      "family": "Helvetica Neue",
      "role": "body"
    },
    {  
      "family": "Inter",
      "role": "heading"
    },
    {
      "family": "Sofia Pro",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#818A9B",
    "secondary": "#3D5AFE",
    "accent": "#3C5AFA",
    "background": "#F9FBFE",
    "textPrimary": "#11385B",
    "link": "#11385B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Helvetica Neue",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "Helvetica Neue",
        "sans-serif"
      ],
      "body": [
        "sofia-pro",
        "Helvetica Neue",
        "sans-serif"
      ],
      "paragraph": [
        "sofia-pro",
        "Helvetica Neue",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "20px",
      "h2": "54px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "10px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#3C5AFA",
      "textColor": "#FFFFFF",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#3C5C8C",
      "borderColor": "#DFE5F3",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cognitohq.com/logo/cognito-logo-dark.svg",
    "favicon": "https://cognitohq.com/favicon.png",
    "ogImage": "/wp-content/themes/cognito/images/cognito-share.jpg",
    "logoHref": "/"
  }
}