Design ToolsFounded 2013
Canva Brand Colors
Canva's teal and purple gradient signals creativity, accessibility, and the democratization of design for everyone.
canva.com ↗Brand Palette
#00C4CC
#7D2AE8
#FFFFFF
Primary
Secondary
Background
Color Values
Canva Teal
Primary
- HEX
- #00C4CC
- RGB
- rgb(0, 196, 204)
- HSL
- hsl(182, 100%, 40%)
Canva Purple
Secondary
- HEX
- #7D2AE8
- RGB
- rgb(125, 42, 232)
- HSL
- hsl(266, 81%, 54%)
Canva White
Background
- HEX
- #FFFFFF
- RGB
- rgb(255, 255, 255)
- HSL
- hsl(0, 0%, 100%)
Accessibility Analysis
| Color | on White | on Black |
|---|---|---|
Canva Teal | 2.15:1Fail | 9.77:1AAA |
Canva Purple | 6.23:1AA | 3.37:1AA Large |
Canva White | 1:1Fail | 21:1AAA |
WCAG AA requires 4.5:1 for normal text. AA Large requires 3:1 for large text (18pt+) and UI components. AAA requires 7:1.
CSS Implementation
:root {
--canva-canva-teal: #00C4CC;
--canva-canva-purple: #7D2AE8;
--canva-canva-white: #FFFFFF;
}
/* Usage example */
.btn-primary {
background-color: var(--canva-canva-teal);
color: #ffffff;
}Similar Color Alternatives
Named colors visually closest to Canva's primary color — useful for approximations or accessible substitutes.
Design Notes
Color Psychology
Canva uses a mid-tone palette anchored by Canva Teal (#00C4CC). Design tool brands embrace creativity through vibrant, often gradient-rich palettes that demonstrate the expressive power of their products.
Design Principles
- Consistent color usage across touchpoints builds strong brand recognition
- Color palette reflects the brand's industry positioning and audience expectations
Explore Individual Colors
Tags
designtealpurplecreativesaas
More Design Tools Brand Colors
Frequently Asked Questions
What are Canva's official brand colors?
Canva's official brand colors are: Canva Teal (#00C4CC), Canva Purple (#7D2AE8), Canva White (#FFFFFF).
What is Canva's primary color hex code?
Canva's primary brand color is Canva Teal with hex code #00C4CC.
What are the RGB values for Canva's primary color?
Canva Teal (#00C4CC) has RGB values of rgb(0, 196, 204).
What is the HSL value of Canva's primary color?
Canva Teal has an HSL value of hsl(182, 100%, 40%).
Is Canva's primary color WCAG accessible?
Canva Teal (#00C4CC) has a contrast ratio of 2.15:1 on white, which does not pass WCAG AA (requires 4.5:1). Consider pairing it with a high-contrast text color.
What industry is Canva in?
Canva operates in the Design Tools industry, founded in 2013.