05 · Section 05 · Color

Ten colors. One system.

The palette is structured, not decorative. Foundation, structure, signal, accent. Click any swatch to copy the hex.

Foundation

70-80% of every layout

Talentix Dark

Primary background

System Depth

Secondary background

Canvas Light

Light page background

Signal · Module colors

Accents only, never large blocks

Blueprint Blue

Direction · Module 01

Scout Purple

Intelligence · Module 02

Reach Magenta

Activity · Module 03

Meet Pink

Human · Module 04

Support

Hierarchy and information density

Soft Match

Gentle accent

Screening Neutral

Secondary text on dark

Decision Gray

Body copy on light

Pairing rules

Approved

Dark + Pink
Dark + Blue
Dark + Soft Match
Depth + Magenta
Purple + Soft Match
White + Dark

Avoid

Blue on Purple
Magenta on Pink
Full-color logo on Blueprint, Scout, or Reach
On Meet Pink, both the white and the full-color logo variant are acceptable.
Maintain WCAG AA contrast on body text.

05 · 01

Module colors in depth

Each signal color carries a module and a purpose. Use the right one in the right place.

Module · 01 · Direction

Blueprint Blue

#2E61E1

Pantone 2728 C

Hex

#2E61E1

RGB

46, 97, 225

CMYK

84 / 67 / 0 / 0

Pantone

Pantone 2728 C

When to use

Blueprint module surfaces, briefs, and intake flows
Primary CTAs and links throughout the product
Information states, in-product banners, neutral helpers
Trust-building moments on landing pages

Don't use for

Long body copy on dark backgrounds
Pairing directly against Scout Purple
Decorative large blocks on signal-heavy layouts

In context

Button · primary

Solid fill, brand button copy

Headline accent

We match. You hire.

Highlight on key phrase

Tag · label

01 · Direction

Soft tint at 12-20%

Module · 02 · Intelligence

Scout Purple

#7D3CED

Pantone 2685 C

Hex

#7D3CED

RGB

125, 60, 237

CMYK

70 / 83 / 0 / 0

Pantone

Pantone 2685 C

When to use

Scout module surfaces, candidate scoring and sourcing flows
Intelligence and AI-led product moments
Gradient anchor next to Blueprint for hero treatments
Hover and focus states tied to discovery

Don't use for

Buttons against Blueprint Blue backgrounds
Body copy on Talentix Dark without lightening
Pairing with Reach Magenta in tight proximity

In context

Button · primary

Solid fill, brand button copy

Headline accent

We match. You hire.

Highlight on key phrase

Tag · label

02 · Intelligence

Soft tint at 12-20%

Module · 03 · Activity

Reach Magenta

#BF27D2

Pantone 2592 C

Hex

#BF27D2

RGB

191, 39, 210

CMYK

40 / 88 / 0 / 0

Pantone

Pantone 2592 C

When to use

Reach module surfaces, outreach, sequence dashboards
Energy moments: notifications, momentum metrics, activity feeds
Mid-gradient anchor between Scout and Meet
Highlighting performance lifts in data

Don't use for

Backgrounds for paragraph copy
Overlap with Meet Pink without dark spacing
Conservative or formal client-facing collateral

In context

Button · primary

Solid fill, brand button copy

Headline accent

We match. You hire.

Highlight on key phrase

Tag · label

03 · Activity

Soft tint at 12-20%

Module · 04 · Human

Meet Pink

#EB77FF

Pantone 245 C

Hex

#EB77FF

RGB

235, 119, 255

CMYK

20 / 58 / 0 / 0

Pantone

Pantone 245 C

When to use

Meet module surfaces, scheduling, hand-over to recruiter
Accent on dark backgrounds, the brand's signature finish
Selection highlights, focus rings, gradient end-anchor
Final-mile moments: confirmation, success, human warmth

Don't use for

Body text on Canvas Light without darker support
Solid fills covering more than 10% of a layout
Pairing with Soft Match in low-contrast situations

In context

Button · primary

Solid fill, brand button copy

Headline accent

We match. You hire.

Highlight on key phrase

Tag · label

04 · Human

Soft tint at 12-20%

05 · 02

The proportion principle

Color usage ratio

Per layout · approximate

Foundation carries the weight. Structure builds hierarchy. Signal points to meaning. Accent finishes the sentence. Never flip the proportions.

Foundation 75%75%

Structure 15%15%

Signal 7%7%

Accent 3%3%

Foundation

75% target

Structure

15% target

Signal

7% target

Accent

3% target

05 · 03

Pairing matrix

Row reads as foreground, column reads as background. Approved pairings have enough contrast and pass the brand check. Avoid pairings break either rule.

Dark

Depth

Canvas

White

Blueprint

Scout

Reach

Meet

Soft

Neutral

Dark

✗

✓

✗

✓

Depth

✗

✓

✗

✓

Canvas

✓

✗

✓

✗

White

✓

✗

✓

✗

Blueprint

✓

✗

✓

✗

✓

✗

Scout

✗

✓

✗

✓

✗

Reach

✓

✗

✓

✗

Meet

✓

✗

Soft

✓

✗

✓

✗

Neutral

✓

✗

✓Approved · contrast pass✗Avoid · fails brand or contrastIdentity · same color

05 · 04

Signal on every surface

How each signal color reads as a headline on the four brand surfaces. Use this to sanity-check any layout before signing it off.

Blueprint Blue

#2E61E1

on White

We match.

You hire.

on Canvas

We match.

You hire.

on Dark

We match.

You hire.

on Depth

We match.

You hire.

Scout Purple

#7D3CED

on White

We match.

You hire.

on Canvas

We match.

You hire.

on Dark

We match.

You hire.

on Depth

We match.

You hire.

Reach Magenta

#BF27D2

on White

We match.

You hire.

on Canvas

We match.

You hire.

on Dark

We match.

You hire.

on Depth

We match.

You hire.

Meet Pink

#EB77FF

on White

We match.

You hire.

on Canvas

We match.

You hire.

on Dark

We match.

You hire.

on Depth

We match.

You hire.

05 · 05

WCAG contrast

Measured per signal color against the four brand surfaces.

Blueprint Blue

#2E61E1

White

5.37 : 1

Canvas

5.14 : 1

Dark

3.13 : 1

AA Large

Depth

2.70 : 1

Fail

Scout Purple

#7D3CED

White

5.61 : 1

Canvas

5.38 : 1

Dark

2.99 : 1

Fail

Depth

2.58 : 1

Fail

Reach Magenta

#BF27D2

White

4.73 : 1

Canvas

4.54 : 1

Dark

3.54 : 1

AA Large

Depth

3.06 : 1

AA Large

Meet Pink

#EB77FF

White

2.44 : 1

Fail

Canvas

2.34 : 1

Fail

Dark

6.88 : 1

Depth

5.94 : 1

How it's calculated

Contrast ratio compares the relative luminance of the foreground and the background. Luminance weights red, green, and blue by human eye sensitivity (0.2126 R + 0.7152 G + 0.0722 B after sRGB gamma correction). The ratio runs from 1:1 (identical) to 21:1 (pure black on pure white). WCAG asks for 4.5:1 on normal body text (AA), 3:1 on large or bold text (AA Large), and 7:1 for AAA.

05 · 06

Print specs

Digital is the first surface, print is the proof. Use CMYK or Pantone for offset, coated stock for the gradient, watch ink coverage on the signal colors.

Color	Hex	CMYK	Pantone	Ink coverage
Foundation
Talentix Dark	#1E1B2E	76 / 75 / 35 / 65	Pantone 5255 C	Watch · 251% total ink
System Depth	#2A2640	71 / 72 / 35 / 55	Pantone 5255 C (deeper)	Watch · 233% total ink
Canvas Light	#FAFAFA	0 / 0 / 0 / 2	Pantone P 179-1 C	OK · 2% total ink
Signal
Blueprint Blue	#2E61E1	84 / 67 / 0 / 0	Pantone 2728 C	OK · 151% total ink
Scout Purple	#7D3CED	70 / 83 / 0 / 0	Pantone 2685 C	OK · 153% total ink
Reach Magenta	#BF27D2	40 / 88 / 0 / 0	Pantone 2592 C	OK · 128% total ink
Meet Pink	#EB77FF	20 / 58 / 0 / 0	Pantone 245 C	OK · 78% · light surfaces preferred
Support
Soft Match	#E9D5FF	9 / 17 / 0 / 0	Pantone 263 C	OK · 26% total ink
Screening Neutral	#A1A1AA	37 / 29 / 27 / 8	Pantone Cool Gray 6 C	OK · 101% total ink
Decision Gray	#6B7280	56 / 45 / 43 / 24	Pantone Cool Gray 9 C	OK · 168% total ink

Paper

Coated, matt

150-300 gsm coated stock for full-color print. Gradient and signal colors reproduce closest on matt coated paper. Avoid uncoated for Reach and Meet, the magenta band shifts noticeably.

Ink coverage

Keep below 280%

Talentix Dark is the riskiest value at 251% total ink. On absorbent papers, knock the K back by 10% and request a wet proof. Never stack Dark on top of another flood color.

Spot color

Use Pantone

For one or two-color print runs, use the listed Pantone equivalents. They preserve module identity across business cards, signage, and outdoor where CMYK drifts.