TableFlow Brand: Colors, Fonts, Logo & Visual Identity

TableFlow Brand Identity

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

Color Palette

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

Color Name HEX RGB
primary #314158 rgb(49, 65, 88)
accent #0081E6 rgb(0, 129, 230)
background #FFFFFF rgb(255, 255, 255)
textPrimary #0A0A0A rgb(10, 10, 10)
link #0081E6 rgb(0, 129, 230)

Typography

Each font links to its Google Fonts page where available.

Font Type Font Family Google Fonts Link
primary ui-sans-serif Google Fonts →
heading ui-sans-serif Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using TableFlow's actual button styles.

Button Primary

Button Secondary

Brand Personality

TableFlow Brand in the Wild

Source: tableflow.com

Source: tableflow.com

Source: tableflow.com

Source: tableflow.com

Source: tableflow.com

Source: tableflow.com

Frequently Asked Questions

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

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

What font does TableFlow use?
TableFlow uses ui-sans-serif as the primary typeface across body and headings.

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

Where can I find TableFlow's logo?
TableFlow's logo is available directly on their site. 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://tableflow.com using the Firecrawl branding extraction API. It is not affiliated with or endorsed by TableFlow.

Methodology

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

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "ui-sans-serif",
      "count": 103
    },
    {
      "family": "system-ui",
      "count": 103
    },
    {
      "family": "sans-serif",
      "count": 103
    },
    {
      "family": "Apple Color Emoji",
      "count": 103
    },
    {
      "family": "Segoe UI Emoji",
      "count": 103
    },
    {
      "family": "Segoe UI Symbol",
      "count": 103
    },
    {
      "family": "Noto Color Emoji",
      "count": 103
    }
  ],
  "colors": {
    "primary": "#314158",
    "accent": "#0081E6",
    "background": "#FFFFFF",
    "textPrimary": "#0A0A0A",
    "link": "#0081E6"
  },
  "typography": {
    "fontFamilies": {
      "primary": "ui-sans-serif",
      "heading": "ui-sans-serif"
    },
    "fontStacks": {
      "body": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "heading": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "48px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#0081E6",
      "textColor": "#FFFFFF",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px"
    },
    "buttonSecondary": {
      "background": "#F5F5F5",
      "textColor": "#737373",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://tableflow.com/logos/tableflow/tableflow-logo.svg",
    "favicon": "https://tableflow.com/favicon.ico",
    "ogImage": "https://tableflow.com/og-image.png",
    "logoHref": "/",
    "logoAlt": "TableFlow"
  }
}