Truffle AI Brand: Colors, Fonts, Logo & Visual Identity
Truffle AI Brand Identity
A complete profile of Truffle AI's visual system — colors, typography, components, and personality — extracted from https://www.trytruffle.ai/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.trytruffle.ai/.
- primary: #EA580C
- rgb(234, 88, 12)
- secondary: #9CA3AF
- rgb(156, 163, 175)
- accent: #EC6924
- rgb(236, 105, 36)
- background: #FFFFFF
- rgb(255, 255, 255)
- textPrimary: #0C0A09
- rgb(12, 10, 9)
- link: #EC6924
- rgb(236, 105, 36)
Typography
Each font links to its Google Fonts page where available.
- primary: Inter
- heading: Inter
Visual Assets
UI Components
Button Primary
- background: #EC6924
- textColor: #FAFAF9
- borderRadius: 9999px
- shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px
Button Secondary
- background: #FAFAFA
- textColor: #18181B
- borderRadius: 9999px
- shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px
Brand Personality
- Tone: modern
- Energy: high
- Audience: tech-savvy professionals
Frequently Asked Questions
What is Truffle AI's primary brand color?
Truffle AI's primary brand color is #EA580C.
What accent color does Truffle AI use?
Truffle AI uses #EC6924 as an accent color.
What font does Truffle AI use?
Truffle AI uses Inter as the primary typeface.
Does Truffle AI use a light or dark theme?
Truffle AI'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.trytruffle.ai/ using the Firecrawl branding extraction API.
Methodology
Brand data on this page was extracted from https://www.trytruffle.ai/ on 2026-07-27 using the Firecrawl branding extraction API.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.
{
"colorScheme": "light",
"fonts": [
{
"family": "Inter",
"role": "body"
}
],
"colors": {
"primary": "#EA580C",
"secondary": "#9CA3AF",
"accent": "#EC6924",
"background": "#FFFFFF",
"textPrimary": "#0C0A09",
"link": "#EC6924"
},
"typography": {
"fontFamilies": {
"primary": "Inter",
"heading": "Inter"
},
"fontStacks": {
"heading": [
"Inter",
"ui-sans-serif",
"system-ui",
"sans-serif",
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji"
],
"body": [
"Inter",
"ui-sans-serif",
"system-ui",
"sans-serif",
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji"
],
"paragraph": [
"Inter",
"ui-sans-serif",
"system-ui",
"sans-serif",
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji"
]
},
"fontSizes": {
"h1": "48px",
"h2": "30px",
"body": "18px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "0px"
},
"components": {
"buttonPrimary": {
"background": "#EC6924",
"textColor": "#FAFAF9",
"borderRadius": "9999px",
"shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px"
},
"buttonSecondary": {
"background": "#FAFAFA",
"textColor": "#18181B",
"borderRadius": "9999px",
"shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px"
}
},
"images": {
"favicon": "https://www.trytruffle.ai/favicon.ico"
},
"personality": {
"tone": "modern",
"energy": "high",
"targetAudience": "tech-savvy professionals"
}
}