Humboldt State

Humboldt State Color Palette

Explore how Humboldt State leverages its distinctive Green palette to stand out in the competitive university landscape. Every shade serves a strategic purpose.

Humboldt State Primary

HEX#00563F
RGB0, 86, 63

Humboldt State Accent

HEX#C69214
RGB198, 146, 20

The Visual Identity of Humboldt State

Color Systems & Brand Psychology

Primary Hue

The signature #00563F that defines Humboldt State was engineered for instant recognition. This Green shade performs consistently across university applications.

Industry Psychology

Green sits in a perceptual space associated with dependability and innovation. For Humboldt State's university audience, this creates an immediate sense of brand trustworthiness.

Strategic Usage

The Humboldt State design system specifies these colors for every touchpoint — from university product interfaces to environmental branding — with documented accessibility ratios for each combination.

UI Design & Application Guide

Thinking of using the Humboldt State color palette in your next project? Here is a professional guide on how to apply these colors effectively for web and mobile interfaces.

Aa
Header One
HEX: #00563F Primary Brand Color

When using #00563F as a background, strict accessibility standards (WCAG) recommend using #FFFFFF for your typeface to ensure maximum readability.

Call to Action
Get Started
Button Component
Accent Usage
Use Humboldt State Green as a high-visibility accent color on clean white surfaces to draw attention.
Dark/Brand Background
Professional Tip: Designers using Figma or Adobe XD should create a specific color style named Humboldt State Primary to ensure consistency across all university mockups.

Technical Color Data Table

For developers and designers, accuracy is non-negotiable. Below are the precise conversions.

Color Name HEX Code RGB Values CSS Variable
Humboldt State Primary #00563F rgb(0, 86, 63) var(--humboldt-state-primary)
Humboldt State Accent 1 #C69214 rgb(198, 146, 20) var(--humboldt-state-color-2)

CSS Implementation

Copy this CSS snippet to your :root to instantly implement the Humboldt State brand styles.

:root {
  --humboldt-state-primary: #00563F;
  --humboldt-state-color-2: #C69214;
}

Explore Related Brand Palettes

Compare Humboldt State with other top brands in our database.

Frequently Asked Questions

What is the exact HEX code for Humboldt State?
The primary hexadecimal color code for Humboldt State is #00563F. This code is verified for use in web and app design.
Is the Humboldt State brand color ADA Compliant?
It depends on the background. #00563F must be checked against white or black text using a Contrast Ratio calculator. Generally, bright brand colors should only be used for buttons or large headings, not body text.

Related Tags

Humboldt State color palette, Humboldt State HEX codes, Humboldt State brand colors, Humboldt State color scheme, brand color palette, official brand colors, Humboldt State design colors