Relace Brand: Colors, Fonts, Logo & Visual Identity

Relace Brand Identity

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

Color Palette

Brand palette extracted from https://relace.ai.

primary: #0000EE
accent: #FCAA2D
background: #FFFEF2
textPrimary: #191918
link: #FCAA2D

Typography

Each font links to its Google Fonts page where available.

primary: Parabole Trial Regular Text
Google Fonts →
heading: Parabole Trial Medium Text
Google Fonts →

Visual Assets

Favicon

Social Card

UI Components

Live previews rendered using Relace's actual button styles.

Button Primary:
- background: #FFFEF2
- textColor: #000000
- borderRadius: 0px
- shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 0px

Brand Personality

Tone: modern
Energy: medium
Audience: developers and tech companies

Relace Brand in the Wild

Source: relace.ai

Frequently Asked Questions

What is Relace's primary brand color?
Relace's primary brand color is #0000EE. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Relace use?
Relace uses #FCAA2D as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Relace use?
Relace uses Parabole Trial Regular Text for body text and Parabole Trial Medium Text for headings.
Does Relace use a light or dark theme?
Relace's primary site uses a light color scheme, with a background of #FFFEF2.
How was this brand profile generated?
This profile was extracted from https://relace.ai using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://relace.ai using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.

Machine-Readable Profile

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

{
  "colors": {
    "primary": "#0000EE",
    "accent": "#FCAA2D",
    "background": "#FFFEF2",
    "textPrimary": "#191918",
    "link": "#FCAA2D"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Parabole Trial Regular Text",
      "heading": "Parabole Trial Medium Text"
    }
  },
  "components": {
    "buttonPrimary": {
      "background": "#FFFEF2",
      "textColor": "#000000",
      "borderRadius": "0px"
    }
  },
  "images": {
    "favicon": "https://framerusercontent.com/images/FFActUeE4daoS9F9mpqmKv4y3ZI.svg",
    "ogImage": "https://framerusercontent.com/images/D6XFBAXygf3ZHyjrXSmLmItnPI.png"
  }
}