Arena Brand: Colors, Fonts, Logo & Visual Identity

Arena Brand Identity

A complete profile of Arena's visual system — colors, typography, components, and personality — extracted from usearena.com.

Color Palette

Brand palette extracted from usearena.com.

Color Hex Code RGB
primary #C2B68E rgb(194, 182, 142)
secondary #A89968 rgb(168, 153, 104)
accent #EDDBBC rgb(237, 219, 188)
background #FAF7F5 rgb(250, 247, 245)
textPrimary #0A0A0F rgb(10, 10, 15)
link #EDDBBC rgb(237, 219, 188)

Typography

Each font links to its Google Fonts page where available.

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Arena's actual button styles.

Component Properties
Input background: #111118, textColor: #F5F0E8, borderColor: #EDDBBC, borderRadius: 12px, shadow: none
Button Primary background: #0A0A0F, textColor: #0A0A0F, borderRadius: 8px, shadow: none
Button Secondary background: #0E0E16, textColor: #0A0A0F, borderRadius: 8px, shadow: none

Brand Personality

Arena Brand in the Wild

Image: usearena.com

Image: i.ytimg.com
Source: swimmingworldmagazine.com

Image: i.ytimg.com
Source: youtube.com

Frequently Asked Questions

What is Arena's primary brand color?

Arena's primary brand color is #C2B68E.

What accent color does Arena use?

Arena uses #EDDBBC as an accent color.

What font does Arena use?

Arena uses Outfit for body text and DM Serif Display for headings.

Does Arena use a light or dark theme?

Arena's primary site uses a light color scheme with a background of #FAF7F5.

Where can I find Arena's logo?

Arena's logo is available on their site at usearena.com.

How was this brand profile generated?

This profile was extracted from usearena.com using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Outfit",
      "role": "body"
    },
    {
      "family": "DM Serif Display",
      "role": "heading"
    },
    {
      "family": "Inter",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#C2B68E",
    "secondary": "#A89968",
    "accent": "#EDDBBC",
    "background": "#FAF7F5",
    "textPrimary": "#0A0A0F",
    "link": "#EDDBBC"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Outfit",
      "heading": "DM Serif Display"
    },
    "fontStacks": {
      "heading": [
        "DM Serif Display",
        "serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Outfit",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "66px",
      "h2": "44px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "input": {
      "background": "#111118",
      "textColor": "#F5F0E8",
      "borderColor": "#EDDBBC",
      "borderRadius": "12px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#0A0A0F",
      "textColor": "#0A0A0F",
      "borderRadius": "8px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#0E0E16",
      "textColor": "#0A0A0F",
      "borderRadius": "8px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.usearena.com/assets/arena_logo_v1-B2Zy1gcj.png",
    "favicon": "https://www.usearena.com/favicon.svg",
    "ogImage": "https://usearena.com/og-image.png"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals"
  }
}