Offbeast Brand: Colors, Fonts, Logo & Visual Identity
Offbeast Brand Identity
A complete profile of Offbeast's visual system — colors, typography, components, and personality — extracted from https://www.offbeast.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.offbeast.com.
- primary: #FDB813 (rgb(253, 184, 19))
- secondary: #BD1C00 (rgb(189, 28, 0))
- accent: #BD1C00 (rgb(189, 28, 0))
- background: #FFFFFF (rgb(255, 255, 255))
- textPrimary: #000000 (rgb(0, 0, 0))
- link: #F0E2E1 (rgb(240, 226, 225))
Typography
Each font links to its Google Fonts page where available.
- primary: Roboto
- heading: Anton
Visual Assets
UI Components
Live previews rendered using Offbeast's actual button styles.
Input
- background: #FFFFFF
- textColor: #000000
- borderColor: #222222
- borderRadius: 0px
- shadow: none
Button Primary
- background: #BD1C00
- textColor: #FDB814
- borderRadius: 8px
- shadow: none
Button Secondary
- background: #FFFFFF
- textColor: #000000
- borderRadius: 50px
- shadow: rgba(0, 0, 0, 0.15) 0px 4px 4px 0px
Brand Personality
- Tone: modern
- Energy: medium
- Audience: businesses interested in plant-based foods
Offbeast Brand in the Wild
Source: offbeast.com
Source: offbeast.com
Source: offbeast.com
Source: offbeast.com
Source: offbeast.com
Source: offbeast.com
Frequently Asked Questions
What is Offbeast's primary brand color?
- Offbeast's primary brand color is #FDB813. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Offbeast use?
- Offbeast uses #BD1C00 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Offbeast use?
- Offbeast uses Roboto for body text and Anton for headings. Fonts were detected on https://www.offbeast.com as part of their live design system.
Does Offbeast use a light or dark theme?
- Offbeast's primary site uses a light color scheme, with a background of #FFFFFF.
How was this brand profile generated?
- This profile was extracted from https://www.offbeast.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.
Methodology
Brand data on this page was extracted from https://www.offbeast.com on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.