Smartsheet Brand: Colors, Fonts, Logo & Visual Identity

Smartsheet Brand Identity

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

Color Palette

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

Type	Color	RGB
primary	#404B66	rgb(64, 75, 102)
secondary	#184BC3	rgb(24, 75, 195)
accent	#10826A	rgb(16, 130, 106)
background	#FFFFFF	rgb(255, 255, 255)
textPrimary	#000F33	rgb(0, 15, 51)
link	#000F33	rgb(0, 15, 51)

Typography

Each font links to its Google Fonts page where available.

primary: TT Norms
heading: TT Norms

TT Norms, Helvetica, Arial, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Input

background: transparent
text color: #FFFFFF
border color: null
border radius: 10px
shadow: none

Button Primary

background: #10826A
text color: #FFFFFF
border color: #10826A
border radius: 10px
shadow: none

Button Secondary

background: #3A6FE9
text color: #FFFFFF
border color: #3A6FE9
border radius: 10px
shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: business professionals

Smartsheet Brand in the Wild

Image: smartsheet.com

Image: it.smartsheet.com

Image: smartsheet.com

Frequently Asked Questions

What is Smartsheet's primary brand color?
Smartsheet's primary brand color is #404B66. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Smartsheet use?
Smartsheet uses #10826A as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Smartsheet use?
Smartsheet uses TT Norms as the primary typeface across body and headings.
Does Smartsheet use a light or dark theme?
Smartsheet's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Smartsheet's logo?
Smartsheet's logo is available directly on their site (https://smartsheet.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://smartsheet.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 Smartsheet.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "TT Norms",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#404B66",
    "secondary": "#184BC3",
    "accent": "#10826A",
    "background": "#FFFFFF",
    "textPrimary": "#000F33",
    "link": "#000F33"
  },
  "typography": {
    "fontFamilies": {
      "primary": "TT Norms",
      "heading": "TT Norms"
    },
    "fontStacks": {
      "heading": [
        "TT Norms",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "TT Norms",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "TT Norms",
        "Helvetica",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "48px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "10px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#FFFFFF",
      "borderColor": null,
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#10826A",
      "textColor": "#FFFFFF",
      "borderColor": "#10826A",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#3A6FE9",
      "textColor": "#FFFFFF",
      "borderColor": "#3A6FE9",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.smartsheet.com/sites/default/files/smartsheet-logo-blue-new.svg",
    "favicon": "https://www.smartsheet.com/sites/default/files/favicons/apple-touch-icon.png",
    "ogImage": "https://www.smartsheet.com/sites/default/files/2024-10/smartsheet-og-teaser-image-dusk-on-light.jpg",
    "logoHref": "/"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals"
  }
}