Colors Encyclopedia

Brand colors

Canva Brand Colors

Canva palette: #00C4CC, #7D2AE8, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Canva.

TechnologyBrand indexAPIDataset
Commonly referenced palette Canva
#00C4CC#7D2AE8#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#00C4CCRGB 0, 196, 204
Palette color 2#7D2AE8RGB 125, 42, 232
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-canva-1: #00C4CC;
  --brand-canva-2: #7D2AE8;
  --brand-canva-3: #FFFFFF;
}

Accessibility Snapshot

#00C4CCBlack 9.77:1 / White 2.15:1
#7D2AE8Black 3.37:1 / White 6.24:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Canva Brand Colors

Canva describes its turquoise-to-purple gradient as a long-running and recognizable part of the identity. When the company refined its wordmark in 2021, it preserved that gradient while making the lettering work from small interface buttons to large-format applications. The continuity was intentional: refinement rather than a complete rebrand.

The two endpoint colors explain the palette technically, but the transition between them is the more distinctive behavior. Gradient angle, interpolation, surrounding white space, and scale all influence the result. Canva’s internal Brand Hub also illustrates why current shared assets and guidance are more reliable than recreating a wordmark from sampled colors.

This page independently documents color relationships and does not provide Canva artwork, imply affiliation, or replace Canva’s current brand resources.

Downloadable brand colors infographic

Canva Brand Colors Infographic

Save an independent infographic of the commonly referenced Canva HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Canva brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Canva brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Canva.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.4384
Black text9.77:1AA Pass
White text2.15:1AA Fail
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "canva",
  "name": "Canva",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/canva/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Canva."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#00C4CC",
    "rgb": [
      0,
      196,
      204
    ],
    "hsl": [
      182,
      100,
      40
    ],
    "cmyk": [
      100,
      4,
      0,
      20
    ],
    "luminance": 0.4384,
    "contrast": {
      "black": 9.77,
      "white": 2.15
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#7D2AE8",
    "rgb": [
      125,
      42,
      232
    ],
    "hsl": [
      266,
      81,
      54
    ],
    "cmyk": [
      46,
      82,
      0,
      9
    ],
    "luminance": 0.1184,
    "contrast": {
      "black": 3.37,
      "white": 6.24
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "cyan brand palette",
    "purple brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "light brand color",
    "Canva color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/canva.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-canva-1: #00C4CC;\n--brand-canva-2: #7D2AE8;\n--brand-canva-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#00C4CC",
    "contrast": {
      "black": 9.77,
      "white": 2.15
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "hex": "#7D2AE8",
    "contrast": {
      "black": 3.37,
      "white": 6.24
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "canva",
  "name": "Canva",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Canva.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/canva/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/canva.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#00C4CC",
      "rgb": [
        0,
        196,
        204
      ],
      "hsl": [
        182,
        100,
        40
      ],
      "cmyk": [
        100,
        4,
        0,
        20
      ],
      "luminance": 0.4384,
      "contrast": {
        "black": 9.77,
        "white": 2.15
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#7D2AE8",
      "rgb": [
        125,
        42,
        232
      ],
      "hsl": [
        266,
        81,
        54
      ],
      "cmyk": [
        46,
        82,
        0,
        9
      ],
      "luminance": 0.1184,
      "contrast": {
        "black": 3.37,
        "white": 6.24
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "cyan brand palette",
    "purple brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "light brand color",
    "Canva color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/canva.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Technology brand colorsBrowse all technology brand color references.Adobe brand colorsCompare another technology palette.Amazon brand colorsCompare another technology palette.AMD brand colorsCompare another technology palette.Anthropic brand colorsCompare another technology palette.Skyscanner similar paletteOpen a palette with a nearby first-listed color value.Prime Video similar paletteOpen a palette with a nearby first-listed color value.Salesforce similar paletteOpen a palette with a nearby first-listed color value.Robin Egg Blue colorOpen the nearest named color reference.Canva APIOpen the machine-readable brand color JSON.