Skip to Content

Colors

Our color palette is inspired by the natural and architectural beauty of the Texas State campus and its surroundings. We are vibrant, dignified and unmistakable.

Color palette and image layout

Requirements

  • Accessibility:  All color combinations must exceed a 7:1 contrast ratio, the strictest industry standard. Please check color contrast when combining colors.
  • Print:  Some approved print and web colors differ from each other. To ensure clarity, this guide displays web values only. CMYK and Pantone® values are also available.

Primary

Texas State Maroon

RGB: 80, 18, 20

Hex: 501214

Texas State Gold

RGB: 106, 86, 56

Hex: 6a5638

Best Practices

  • Feature prominently, but subtly, in all digital designs.
  • When used as a background, pair gold with white type and maroon with white or light type.
  • When used as type, pair gold with a white background and maroon with a white or light background.

Avoid

  • Do not pair maroon with excessive amounts of white, as this can appear similar to competing institutions' identities.
  • Be wary of overuse; respect whitespace and utilize light colors like sandstone for contrast.

Accent

Sandstone

RGB: 232, 227, 219

Hex: e8e3db

Old Gold

RGB: 222, 180, 7

Hex: deb407

River

RGB: 139, 174, 161

Hex: 8baea1

Deep Blue

RGB: 0, 84, 129

Hex: 005481

Charcoal

RGB: 54, 53, 52

Hex: 363534

Best Practices

  • Secondary colors add personality and augment our web identity without dominating it.
  • Sandstone is a gold derivative that adds valuable contrast to our relatively dark primary colors; use liberally.
  • Pair charcoal and deep blue with light type and backgrounds; river, sandstone and old gold are best with dark type and backgrounds.

Avoid

  • It's not necessary to use every accent color in your design; don't force it.
  • Do not allow accent colors to overpower primary colors or white space.

Alert

DJ Red Alert

RGB: 179, 14, 27

Hex: b30e1b

Best Practices

  • Use selectively to emphasize general alerts or emergency content.
  • Pair with white type and backgrounds.

Avoid

  • Do not use to achieve branding or identity objectives.

Neutral

White

RGB: 255, 255, 255

Hex: ffffff

Almost White

RGB: 235, 235, 235

Hex: ebebeb

Light Gray

RGB: 215, 215, 215

Hex: d7d7d7

Medium Gray

RGB: 89, 89, 89

Hex: 595959

Dark Gray

RGB: 72, 72, 72

Hex: 484848

Very Dark

RGB: 34, 34, 34

Hex: 222222

Almost Black

RGB: 17, 17, 17

Hex: 111111

Best Practices

Avoid

  • It's not necessary to use every neutral color in your design; limit your choices.
  • Do not use to achieve branding or identity objectives.

Tints and Shades

20% Lighter

887860

10% Lighter

79674c

Texas State Gold

6a5638

10% Darker

5f4d32

20% Darker

55452d

Resources

Best Practices

  • Tints (more white) and shades (more black) allow for added depth and variety.
  • Use for gradients or for subtle contrast with parent color.
  • Calculate in 10% increments only.

Avoid

  • Do not use a tint or shade in place of a parent color; augment primary colors only.
  • Avoid tints lighter than 50%, and shades darker than 50%.
  • Use maroon tints sparingly to never.