Parafin Brand Identity

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

Color Palette

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

• primary: #D4E6DD
• secondary: #3898EC
• accent: #223C3E
• background: #FFFFFF
• textPrimary: #223C3E
• link: #223C3E

Typography

Each font links to its Google Fonts page where available.

• primary: Inter Google Fonts →
• heading: Inter Tight Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Parafin's actual button styles.

• Input

  • background: #FFFFFF
  • textColor: #333333
  • borderColor: #CCCCCC
  • borderRadius: 10px
  • shadow: none

• Button Primary

  • background: #223C3E
  • textColor: #FFFFFF
  • borderRadius: 496.5px
  • shadow: none

• Button Secondary

  • background: #000000
  • textColor: #FFFFFF
  • borderRadius: 496.5px
  • shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: businesses seeking financing solutions

Frequently Asked Questions

• What is Parafin's primary brand color?
  Parafin's primary brand color is #D4E6DD.
• What accent color does Parafin use?
  Parafin uses #223C3E as an accent color.
• What font does Parafin use?
  Parafin uses Inter for body text and Inter Tight for headings.
• Does Parafin use a light or dark theme?
  Parafin's primary site uses a light color scheme, with a background of #FFFFFF.
• Where can I find Parafin's logo?
  Parafin's logo is available directly on their site (https://www.parafin.com/).
• How was this brand profile generated?
  This profile was extracted from https://www.parafin.com/.

Methodology

Brand data on this page was extracted using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling:

{
  "colorScheme": "light",
  "fonts": [
    {"family": "Inter", "role": "body"},
    {"family": "Inter Tight", "role": "heading"}
  ],
  "colors": {
    "primary": "#D4E6DD",
    "secondary": "#3898EC",
    "accent": "#223C3E",
    "background": "#FFFFFF",
    "textPrimary": "#223C3E",
    "link": "#223C3E"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter Tight"
    },
    "fontStacks": {
      "heading": ["Inter", "Arial", "sans-serif"],
      "body": ["Inter", "Arial", "sans-serif"],
      "paragraph": ["Inter", "Arial", "sans-serif"]
    }  
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#333333",
      "borderColor": "#CCCCCC",
      "borderRadius": "10px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#223C3E",
      "textColor": "#FFFFFF",
      "borderRadius": "496.5px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderRadius": "496.5px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/688a7c63bef70d6309c77e28/688c5cf13711bd6c7d791f17_Parafin_Logo_Black.svg",
    "favicon": "https://cdn.prod.website-files.com/688a7c63bef70d6309c77e28/6890eb418ad2d3305d82c5c5_favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/688a7c63bef70d6309c77e28/68bb7638a86e4bd8d1eb2923_parafin_og.png"
  }
}