SchemeFlow Brand: Colors, Fonts, Logo & Visual Identity

SchemeFlow Brand Identity

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

Color Palette

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

Primary: #FA6400 (rgb(250, 100, 0))
Secondary: #B3E4D3 (rgb(179, 228, 211))
Accent: #FAF8F7 (rgb(250, 248, 247))
Background: #F9F7F6 (rgb(249, 247, 246))
Text Primary: #393537 (rgb(57, 53, 55))
Link: #F8E5C7 (rgb(248, 229, 199))

Typography

Each font links to its Google Fonts page where available.

Primary: Inter
Heading: Inter

Visual Assets

UI Components

Button Primary

Background: #FAF8F7
Text Color: #FFFFFF
Border Color: #FBF9F9
Border Radius: 12px
Shadow: none

Button Secondary

Background: #393537
Text Color: #FFFFFF
Border Radius: 12px
Shadow: rgba(250, 100, 0, 0.5) 0px 4px 20px -5px, rgba(250, 100, 0, 0) 0px 0px 0px 0px

Brand Personality

Tone: professional
Energy: medium
Audience: engineering professionals

SchemeFlow Brand in the Wild

Source: schemeflowhome.lovable.app

Source: schemeflow.com

Frequently Asked Questions

What is SchemeFlow's primary brand color? SchemeFlow's primary brand color is #FA6400.
What accent color does SchemeFlow use? SchemeFlow uses #FAF8F7 as an accent color.
What font does SchemeFlow use? SchemeFlow uses Inter as the primary typeface.
Does SchemeFlow use a light or dark theme? SchemeFlow's primary site uses a light color scheme.
Where can I find SchemeFlow's logo? SchemeFlow's logo is available on their site.
How was this brand profile generated? This profile was extracted using the Firecrawl branding extraction API, which inspects the live page's elements.

Design System

Framework: tailwind

Machine-Readable Profile (example)

{
  "colorScheme": "light",
  "fonts": [{"family": "Inter", "role": "body"}],
  "colors": {
    "primary": "#FA6400",
    "secondary": "#B3E4D3",
    "accent": "#FAF8F7",
    "background": "#F9F7F6",
    "textPrimary": "#393537",
    "link": "#F8E5C7"
  },
  "typography": {
    "fontFamilies": { "primary": "Inter", "heading": "Inter" },
  },
  "components": {
    "buttonPrimary": { "background": "#FAF8F7", "textColor": "#FFFFFF" },
    "buttonSecondary": { "background": "#393537", "textColor": "#FFFFFF" }
  }
}