ROE Brand: Colors, Fonts, Logo & Visual Identity

ROE Brand Identity

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

Color Palette

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

	Color Code	RGB Values
Primary	#FCCDBB	rgb(252, 205, 187)
Secondary	#90867E	rgb(144, 134, 126)
Accent	#171717	rgb(23, 23, 23)
Background	#FAFBF9	rgb(250, 251, 249)
Text Primary	#14120B	rgb(20, 18, 11)
Link	#8A8078	rgb(138, 128, 120)

Typography

Each font links to its Google Fonts page where available.

Primary Font: Inter
Inter on Google Fonts →
Heading Font: Geist
Geist on Google Fonts →

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Visual Assets

UI Components

Live previews rendered using ROE's actual button styles.

Button Primary
Background: #171717
Text Color: #FFFFFF
Border Radius: 9999px
Shadow: none
Button Secondary
Background: #FAFBFB
Text Color: #FAFBFB
Border Color: #D9D9D9
Border Radius: 6px
Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: financial institutions and compliance professionals

Frequently Asked Questions

What is ROE's primary brand color?
ROE's primary brand color is #FCCDBB. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does ROE use?
ROE uses #171717 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does ROE use?
ROE uses Inter for body text and Geist for headings. Fonts were detected on https://getroe.ai as part of their live design system.
Does ROE use a light or dark theme?
ROE's primary site uses a light color scheme, with a background of #FAFBF9.
Where can I find ROE's logo?
ROE's logo is available directly on their site (https://getroe.ai). 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://getroe.ai 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 ROE.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    { "family": "Inter", "role": "body" },
    { "family": "Geist", "role": "heading" },
    { "family": "Geistmono", "role": "monospace" },
    { "family": "Instrument Serif", "role": "unknown" },
    { "family": "IBM Plex Mono", "role": "monospace" }
  ],
  "colors": {
    "primary": "#FCCDBB",
    "secondary": "#90867E",
    "accent": "#171717",
    "background": "#FAFBF9",
    "textPrimary": "#14120B",
    "link": "#8A8078"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Geist"
    },
    "fontStacks": {
      "heading": [ "Inter", "sans-serif" ],
      "body": [ "Inter", "sans-serif" ],
      "paragraph": [ "Inter", "sans-serif" ]
    },
    "fontSizes": {
      "h1": "14px",
      "h2": "44px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#171717",
      "textColor": "#FFFFFF",
      "borderRadius": "9999px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FAFBFB",
      "textColor": "#FAFBFB",
      "borderColor": "#D9D9D9",
      "borderRadius": "6px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/691d440234cac221c8150dc3/6920bf377e3a245bdec6544e_Roe-logo-updated.svg",
    "favicon": "https://cdn.prod.website-files.com/691d440234cac221c8150dc3/6920fae9d98a67d76ccb0865_6876a5e586c8972deb100116_Icon%2032x32.png",
    "ogImage": "https://cdn.prod.website-files.com/691d440234cac221c8150dc3/697a57ba10acd14aaef6fda3_Screenshot%202026-01-28%20at%2010.37.01.png"
  }
}