Colors

Primary blues anchor the brand. Neutrals support text and surfaces. Secondaries (purple / magenta) are reserved for CAC-specific contexts.

Primary

Used in high-visibility areas like headers, call-to-action buttons, and key brand elements. Background colors should contrast with text for readability.

Blue

guardify-blue

HEX: #006FA7
RGB: 0, 111, 167
CMYK: 100/51/13/1
Pantone: Pantone 3553

Primary brand blue. CTAs, links, primary buttons, key brand surfaces.

True Blue

guardify-true-blue

HEX: #002169
RGB: 0, 33, 105
CMYK: 100/93/27/24
Pantone: Pantone 280

Deep brand blue. Hero backgrounds, footers, brand-anchored sections.

Navy Blue

guardify-navy

HEX: #191C35
RGB: 25, 28, 53
CMYK: 90/84/48/59
Pantone: Pantone 4146

Near-black navy. Primary text on light, dark surfaces, contrast anchors.

Baby Blue

guardify-baby-blue

HEX: #44C5E2
RGB: 68, 197, 226
CMYK: 62/0/9/0
Pantone: Pantone 2198

Light accent blue. Subheads, icon accents, highlights, hover states.

Neutral

Used for surfaces, text, borders, and supporting UI structure.

Black

guardify-black

HEX: #000000
RGB: 0, 0, 0
CMYK: 73/67/66/83

Mono logo on white, deep contrast text. Reserve for production constraints.

White

guardify-white

HEX: #FAFAFA
RGB: 250, 250, 250
CMYK: 0/0/0/2

Page surfaces, reversed text on dark, default background.

Dark Grey

guardify-dark-grey

HEX: #767676
RGB: 118, 118, 118
CMYK: 55/47/46/12

Secondary text, muted UI elements, captions.

Light Grey

guardify-light-grey

HEX: #F3F3F3
RGB: 243, 243, 243
CMYK: 3/2/2/0

Subtle surfaces, panel separation, low-emphasis backgrounds.

Secondary

Used sparingly to highlight or complement primary colors. Suitable for subheadings, icons, or visual interest without overpowering primary colors. CAC-specific use cases.

Purple

guardify-purple

HEX: #562A75
RGB: 86, 42, 117
CMYK: 81/100/20/8
Pantone: Pantone 2607

Secondary accent. CAC-specific contexts, highlights without overpowering primary.

Magenta

guardify-magenta

HEX: #8A4B9D
RGB: 138, 75, 157
CMYK: 53/84/0/0
Pantone: Pantone 7442

Lighter secondary accent, paired with Purple in gradients.

Gradients

True Blue → Blue

#002169 → #006FA7 · 45°

Hero surfaces, primary buttons (alternate to solid fill).

Navy → Blue

#191C35 → #006FA7 · 45°

Dark mood surfaces with brand anchor.

Blue → Baby Blue

#006FA7 → #44C5E2 · 45°

Lighter, friendlier brand surfaces; capability tile backgrounds.

Purple → Magenta

#562A75 → #8A4B9D · 45°

CAC-specific accent moments only.

Light Blue → Light Purple

#E0F2F8 → #EDE5F5 · 45°

Soft section backgrounds, white-space accents.

Rules

Background colors should contrast with text for readability — avoid similar shades for text and background (e.g., light gray on white).
Use the Primary palette as the dominant brand surface. Secondary (Purple/Magenta) is sparingly used and primarily for CAC-specific contexts.
High contrast: dark text on light background, or vice versa, for body copy and key messaging.
Subtle gradients can add depth to backgrounds, white space, and other visual accents.