Colors Encyclopedia

Brand colors

UCLA Brand Colors

UCLA palette: #2774AE, #FFD100, #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 UCLA.

EducationBrand indexAPIDataset
Commonly referenced palette UCLA
#2774AE#FFD100#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#2774AERGB 39, 116, 174
Palette color 2#FFD100RGB 255, 209, 0
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-ucla-1: #2774AE;
  --brand-ucla-2: #FFD100;
  --brand-ucla-3: #FFFFFF;
}

Accessibility Snapshot

#2774AEBlack 4.2:1 / White 5:1
#FFD100Black 14.37:1 / White 1.46:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About UCLA Brand Colors

UCLA’s official palette connects blue with sea and sky and gold with sunlight and California wildflowers. The university gives the colors unequal visual roles: UCLA Blue should dominate, with Gold as the accent. Reversing that balance does not create the same institutional signal even when the numeric colors are correct.

The guide pairs #2774AE and #FFD100 with generous white space and publishes approved contrast combinations. It restricts vivid tertiary colors to graphics rather than text and warns against inventing tints, gradients, or sampled approximations. This makes accessibility and hierarchy part of the palette itself, not a later compliance step.

This unaffiliated page is a technical reference and does not grant use of UCLA marks, merchandise colors, templates, or licensed university identity.

Downloadable brand colors infographic

UCLA Brand Colors Infographic

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

1200 × 800
UCLA brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
UCLA brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by UCLA.
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.1598
Black text4.2:1AA Fail
White text5: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": "ucla",
  "name": "UCLA",
  "category": "education",
  "brandCategory": [
    "Education",
    "education"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/ucla/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/education/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by UCLA."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#2774AE",
    "rgb": [
      39,
      116,
      174
    ],
    "hsl": [
      206,
      63,
      42
    ],
    "cmyk": [
      78,
      33,
      0,
      32
    ],
    "luminance": 0.1598,
    "contrast": {
      "black": 4.2,
      "white": 5
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#FFD100",
    "rgb": [
      255,
      209,
      0
    ],
    "hsl": [
      49,
      100,
      50
    ],
    "cmyk": [
      0,
      18,
      100,
      0
    ],
    "luminance": 0.6686,
    "contrast": {
      "black": 14.37,
      "white": 1.46
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "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": [
    "university identity",
    "campus web systems",
    "institutional design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "education brand colors",
    "blue brand palette",
    "yellow brand palette",
    "gray brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "jewel tone brand color",
    "vibrant brand color",
    "light brand color",
    "UCLA color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/ucla.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-ucla-1: #2774AE;\n--brand-ucla-2: #FFD100;\n--brand-ucla-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#2774AE",
    "contrast": {
      "black": 4.2,
      "white": 5
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFD100",
    "contrast": {
      "black": 14.37,
      "white": 1.46
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "ucla",
  "name": "UCLA",
  "category": "education",
  "brandCategory": [
    "Education",
    "education"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by UCLA.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/ucla/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/education/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/ucla.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#2774AE",
      "rgb": [
        39,
        116,
        174
      ],
      "hsl": [
        206,
        63,
        42
      ],
      "cmyk": [
        78,
        33,
        0,
        32
      ],
      "luminance": 0.1598,
      "contrast": {
        "black": 4.2,
        "white": 5
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#FFD100",
      "rgb": [
        255,
        209,
        0
      ],
      "hsl": [
        49,
        100,
        50
      ],
      "cmyk": [
        0,
        18,
        100,
        0
      ],
      "luminance": 0.6686,
      "contrast": {
        "black": 14.37,
        "white": 1.46
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    },
    {
      "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": [
    "university identity",
    "campus web systems",
    "institutional design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "education brand colors",
    "blue brand palette",
    "yellow brand palette",
    "gray brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "jewel tone brand color",
    "vibrant brand color",
    "light brand color",
    "UCLA color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/ucla.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

Education brand colorsBrowse all education brand color references.Caltech brand colorsCompare another education palette.Carnegie Mellon brand colorsCompare another education palette.Columbia University brand colorsCompare another education palette.Cornell University brand colorsCompare another education palette.American Express similar paletteOpen a palette with a nearby first-listed color value.WordPress similar paletteOpen a palette with a nearby first-listed color value.British Airways similar paletteOpen a palette with a nearby first-listed color value.Lapis colorOpen the nearest named color reference.UCLA APIOpen the machine-readable brand color JSON.