- 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.
Texas State Maroon
RGB: 80, 18, 20
Texas State Gold
RGB: 106, 86, 56
- 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.
- 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.
RGB: 232, 227, 219
RGB: 225, 194, 66
RGB: 161, 193, 181
RGB: 0, 84, 129
RGB: 54, 53, 52
- 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.
- 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.
DJ Red Alert
RGB: 179, 14, 27
- Use selectively to emphasize general alerts or emergency content.
- Pair with white type and backgrounds.
- Do not use to achieve branding or identity objectives.
RGB: 255, 255, 255
RGB: 235, 235, 235
RGB: 215, 215, 215
RGB: 89, 89, 89
RGB: 72, 72, 72
RGB: 34, 34, 34
RGB: 17, 17, 17
- Neutral colors are best used for typography and structural elements like borders and backgrounds.
- White and very dark will often be the best choices for type. Ensure all color combinations exceed a 7:1 contrast ratio.
- It's not necessary to use every neutral color in your design; limit your choices.
Tints and Shades
- How to calculate: To ensure accurate and consistent color choices, use our tint and shade generator.
- Approved variants: Many tints and shades used in our primary web template have already been calculated.
- Accessibility: Check color contrast when pairing color variants with type to ensure it meets the strictest standards.
- 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.
- 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.