Brand colors

Zendesk Brand Colors

Zendesk palette: #03363D, #78A300, #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 Zendesk.

Commonly referenced palette Zendesk
#03363D#78A300#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#03363DRGB 3, 54, 61
Palette color 2#78A300RGB 120, 163, 0
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-zendesk-1: #03363D;
  --brand-zendesk-2: #78A300;
  --brand-zendesk-3: #FFFFFF;
}

Accessibility Snapshot

#03363DBlack 1.6:1 / White 13.14:1
#78A300Black 7.04:1 / White 2.98:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Zendesk Brand Colors

Zendesk's identity evolved when the company outgrew the model in which Zendesk was both a company and one product. Its redesign retired the lotus and built a corporate Z from simple geometric 'relationship' shapes shared across seven product identities. The current brand has moved again toward a Coconut, Licorice, and Matcha foundation with gradients and shapes guiding users from challenge to resolution.

The deep teal, green, and white values catalogued here belong to a widely referenced earlier Zendesk palette and should not be labeled the complete current system. For new work, consult the live brand resources and use approved files. In product UI, separate brand accent from status roles, preserve labels alongside color, and test gradients, small shapes, and reversed text at their real sizes.

This unaffiliated reference explicitly does not present the listed palette as Zendesk's current master specification, distribute logos, imply affiliation, or grant asset permission.

Downloadable brand colors infographic

Zendesk Brand Colors Infographic

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

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

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.0299
Black text1.6:1AA Fail
White text13.14:1AA Pass
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": "zendesk",
  "name": "Zendesk",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/zendesk/",
  "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 Zendesk."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#03363D",
    "rgb": [
      3,
      54,
      61
    ],
    "hsl": [
      187,
      91,
      13
    ],
    "cmyk": [
      95,
      11,
      0,
      76
    ],
    "luminance": 0.0299,
    "contrast": {
      "black": 1.6,
      "white": 13.14
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#78A300",
    "rgb": [
      120,
      163,
      0
    ],
    "hsl": [
      76,
      100,
      32
    ],
    "cmyk": [
      26,
      0,
      100,
      36
    ],
    "luminance": 0.3019,
    "contrast": {
      "black": 7.04,
      "white": 2.98
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "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",
    "green brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "dark brand color",
    "jewel tone brand color",
    "light brand color",
    "Zendesk color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/zendesk.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-zendesk-1: #03363D;\n--brand-zendesk-2: #78A300;\n--brand-zendesk-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#03363D",
    "contrast": {
      "black": 1.6,
      "white": 13.14
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#78A300",
    "contrast": {
      "black": 7.04,
      "white": 2.98
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset
{
  "slug": "zendesk",
  "name": "Zendesk",
  "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 Zendesk.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/zendesk/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/zendesk.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#03363D",
      "rgb": [
        3,
        54,
        61
      ],
      "hsl": [
        187,
        91,
        13
      ],
      "cmyk": [
        95,
        11,
        0,
        76
      ],
      "luminance": 0.0299,
      "contrast": {
        "black": 1.6,
        "white": 13.14
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#78A300",
      "rgb": [
        120,
        163,
        0
      ],
      "hsl": [
        76,
        100,
        32
      ],
      "cmyk": [
        26,
        0,
        100,
        36
      ],
      "luminance": 0.3019,
      "contrast": {
        "black": 7.04,
        "white": 2.98
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      }
    },
    {
      "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",
    "green brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "dark brand color",
    "jewel tone brand color",
    "light brand color",
    "Zendesk color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/zendesk.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}