Arcade Brand: Colors, Fonts, Logo & Visual Identity
Arcade Brand Identity
A complete profile of Arcade's visual system — colors, typography, components, and personality — extracted from https://www.arcade.ai/. Built for designers, agents, and AI tools.
Primary Color
- Primary: #E9E5D8
Accent Color
- Accent: #45413B
Body Font
- Instrument Sans
Heading Font
- Tiempos
Color Palette
Brand palette extracted from https://www.arcade.ai/.
| Color | Hex Code | RGB |
|---|---|---|
| Primary | #E9E5D8 | rgb(233, 229, 216) |
| Secondary | #FCFF7B | rgb(252, 255, 123) |
| Accent | #45413B | rgb(69, 65, 59) |
| Background | #F7F4F0 | rgb(247, 244, 240) |
| Text Primary | #000000 | rgb(0, 0, 0) |
| Link | #6D625A | rgb(109, 98, 90) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Link |
|---|---|---|
| Primary | Instrument Sans | Google Fonts → |
| Heading | Tiempos | Google Fonts → |
Visual Assets
Logo
Favicon
UI Components
Live previews rendered using Arcade's actual button styles.
Button Primary
- Background: #45413B
- Text Color: #211D1E
- Border Radius: 9999px
- Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px
Button Secondary
- Background: #E9E5D8
- Text Color: #0F0F0F
- Border Radius: 21px
- Shadow: none
Brand Personality
- Tone: modern
- Energy: medium
- Audience: designers and creatives
Arcade Brand in the Wild
Images
Source: arcade.ai
Source: arcade.ai
Source: arcade.ai
Source: arcade.ai
Source: arcade.ai
Source: datocms-assets.com
Frequently Asked Questions
What is Arcade's primary brand color? Arcade's primary brand color is #E9E5D8. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Arcade use? Arcade uses #45413B as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Arcade use? Arcade uses Instrument Sans for body text and Tiempos for headings. Fonts were detected on https://www.arcade.ai/ as part of their live design system.
Does Arcade use a light or dark theme? Arcade's primary site uses a light color scheme, with a background of #F7F4F0.
Where can I find Arcade's logo? Arcade's logo is available directly on their site (https://www.arcade.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://www.arcade.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 Arcade.