Chatwoot Brand Identity

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

Color Palette

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

• primary: #2781F6
• rgb(39, 129, 246)
• secondary: #2881F6
• rgb(40, 129, 246)
• accent: #2781F6
• rgb(39, 129, 246)
• background: #FFFFFF
• rgb(255, 255, 255)
• textPrimary: #000000
• rgb(0, 0, 0)
• link: #086DE0
• rgb(8, 109, 224)

Typography

Each font links to its Google Fonts page where available.

• primary: Segoe UI
  Google Fonts →

• heading: Segoe UI
  Google Fonts →

• Font Stack: Haskoy, -apple-system, BlinkMacSystemFont, Segoe UI, Ubuntu, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Noto Color Emoji

Visual Assets

UI Components

Live previews rendered using Chatwoot's actual button styles.

• Button Primary:
  background: #2781F6
  textColor: #086DE0
  borderRadius: 12px
  shadow: none

• Button Secondary:
  background: #FFFFFF
  textColor: #000000
  borderRadius: 12px
  shadow: 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 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

Brand Personality

• Tone: modern
• Energy: medium
• Audience: businesses seeking customer support solutions

Frequently Asked Questions

1. What is Chatwoot's primary brand color?
   Chatwoot's primary brand color is #2781F6.

2. What font does Chatwoot use?
   Chatwoot uses Segoe UI as the primary typeface across body and headings.

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

4. Where can I find Chatwoot's logo?
   Chatwoot's logo is available directly on their site (https://www.chatwoot.com).

5. How was this brand profile generated?
   This profile was extracted from https://www.chatwoot.com using the Firecrawl branding extraction API.