Brand Colors

IT Help San Diego Inc.

Canonical palette and token reference for design, engineering, and vendor handoff. This page is public for sharing and is marked noindex, nofollow.

Primary Blue #58A6FFLogo Blue #327ED6Plus Red #FF0066Gold Accent #C2A15AGold Stroke #D2B56F

Core Brand Colors

Primary identity colors only.

Primary Blue Anchor

--brand-blue

#58A6FF

Primary hue anchor across identity and action states.

Plus Red

.logo-plus

#FF0066

Reserved for the plus symbol only.

Gold Accent

--accent-gold

#C2A15A

Premium utility accent in controlled usage.

Gold Stroke

--accent-gold-solid

#D2B56F

Stroke/perimeter gold for logo and hero pill border match.

Logo Authority Blue Ramp

IT+HELP hierarchy and depth tones.

Logo Blue Top

--logo-blue-top

#327ED6

Logo Blue Mid

--logo-blue-mid

#2662AA

Logo Blue Bottom

--logo-blue-bottom

#13437A

Schedule and Nav Blue Family

Action blues kept one step below logo luminance hierarchy.

Schedule Ramp Top

--schedule-blue-top

#6CAFEF

Schedule Ramp Mid

--schedule-blue-mid

#3F86D8

Schedule Ramp Bottom

--schedule-blue-bottom

#2359A9

CTA Base Top

--schedule-cta-top

#3D659A

CTA Base Mid

--schedule-cta-mid

#244A79

CTA Base Bottom

--schedule-cta-bottom

#123055

CTA Border

--schedule-cta-border

rgba(88, 131, 187, 0.40)

CTA Hover Top

--schedule-cta-hover-top

#4673AA

CTA Hover Mid

--schedule-cta-hover-mid

#2D5A8D

CTA Hover Bottom

--schedule-cta-hover-bottom

#1C436F

CTA Hover Border

--schedule-cta-hover-border

rgba(104, 151, 211, 0.52)

Theme-safe link and background references.

Dark Link

$a1d

#79B8FF

Dark Link Hover

$a2d

#A5D0FF

Light Link

$a1

#2B6FCD

Light Link Hover

$a2

#4A8EDF

Dark Background Primary

$c1d

#0D1117

Dark Background Secondary

$c2d

#161B22

Light Background Primary

$c1

#FAFBFC

Light Background Secondary

$c2

#F5F5F7

Text and Lockup Neutrals

Support tones and structural text values.

Light Text

#FFFFFF

Secondary Text

#B2BAC5

San Diego (Dark)

.location

#566376

San Diego (Light)

html.switch .location

#404D5B

Brand Accent Ink

--brand-accent-ink

#16120A

Effect Channel References

RGB channel pairs used for glow and lighting effects.

Brand Blue RGB

--brand-blue-rgb

88, 166, 255

Brand Blue Glow

--brand-blue-glow

176, 218, 255

Gold RGB

--accent-gold-rgb

194, 161, 90

Gold Glow

--accent-gold-glow

224, 197, 138

Brand Rules

  1. Blue is primary identity; logo blues remain the strongest signal.
  2. Red is reserved for the plus symbol.
  3. Gold is utility accent: perimeter, hero pill border, and gold CTA.
  4. Schedule CTA remains one luminance step below the logo blues.
  5. san diego stays subordinate steel-blue gray.
  6. Do not mint ad hoc colors without updating style docs.