Canva Brand: Colors, Fonts, Logo & Visual Identity
Canva Brand Identity
A complete profile of Canva's visual system — colors, typography, components, and personality — extracted from https://canva.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://canva.com.
Primary
#9E9EFF
Secondary
#CCE1FF
Accent
#8B3DFF
Background
#FFFFFF
Text Primary
#575A5F
Link
#8B3DFF
Typography
Each font links to its Google Fonts page where available.
Primary
Canva Sans
Heading
Canva Sans
Canva Sans, Noto Sans, Helvetica, Arial, sans-serif
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using Canva's actual button styles.
Button Primary
- Background:
#8B3DFF - Text Color:
#FFFFFF - Border Radius:
8px - Shadow:
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset
Button Secondary
- Background:
#FFFFFF - Text Color:
#0F1015 - Border Radius:
16px - Shadow:
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset
Brand Personality
- Tone: modern
- Energy: high
- Audience: creatives and professionals
Frequently Asked Questions
What is Canva's primary brand color?
Canva's primary brand color is #9E9EFF. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Canva use?
Canva uses #8B3DFF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Canva use?
Canva uses Canva Sans as the primary typeface across body and headings.
Does Canva use a light or dark theme?
Canva's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Canva's logo?
Canva's logo is available directly on their site (https://canva.com). 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://canva.com on 2026-07-27 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 Canva.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.
JSON Profile:
{
"colorScheme": "light",
"fonts": [
{
"family": "Canva Sans",
"role": "body"
},
{
"family": "Noto Sans",
"role": "body"
}
],
"colors": {
"primary": "#9E9EFF",
"secondary": "#CCE1FF",
"accent": "#8B3DFF",
"background": "#FFFFFF",
"textPrimary": "#575A5F",
"link": "#8B3DFF"
},
"typography": {
"fontFamilies": {
"primary": "Canva Sans",
"heading": "Canva Sans"
},
"fontStacks": {
"heading": [
"Canva Sans",
"Noto Sans",
"Helvetica",
"Arial",
"sans-serif"
],
"body": [
"Times New Roman"
],
"paragraph": [
"Canva Sans",
"Noto Sans",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Helvetica",
"Arial",
"sans-serif"
]
},
"fontSizes": {
"h1": "24px",
"h2": "15px",
"body": "14px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "8px"
},
"components": {
"buttonPrimary": {
"background": "#8B3DFF",
"textColor": "#FFFFFF",
"borderRadius": "8px",
"borderRadiusCorners": {
"topLeft": "8px",
"topRight": "8px",
"bottomRight": "8px",
"bottomLeft": "8px"
},
"shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset"
},
"buttonSecondary": {
"background": "#FFFFFF",
"textColor": "#0F1015",
"borderRadius": "16px",
"borderRadiusCorners": {
"topLeft": "16px",
"topRight": "16px",
"bottomRight": "16px",
"bottomLeft": "16px"
},
"shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px inset"
}
},
"images": {
"logo": "https://static.canva.com/web/images/856bac30504ecac8dbd38dbee61de1f1.svg",
"favicon": "https://static.canva.com/domain-assets/canva/static/images/favicon-1.ico",
"ogImage": "https://content-management-files.canva.com/c37135f6-6d9a-4920-b659-4f5e12698b8d/og-image-global-1200x630.jpg",
"logoHref": "https://www.canva.com/"
}
}