Patterson color palette — full reference

Source keys: [BG25 p.N] Brand Guide 2025 (authoritative) · [DS20 p.N] DesignSystem_042120 · [DPL] Digital Pattern Library v5.7.2 · [PCOM] pattersoncompanies.com theme stylesheet.

1. Primary `[BG25 p.24]`

“Our primary colors are navy and sky blue. Both colors represent clear thought and are synonymous with intelligence, communication and trust. White can be used as a background color for content-heavy applications. 80% black should be used for body copy or divider graphics.”

Name	Hex	RGB	CMYK	PMS	Role
Navy	`#003767`	0, 55, 103	100, 55, 0, 55	540	Headlines, brand accents, dark grounds
Sky	`#00A8E1`	0, 168, 225	73, 15, 0, 0	2995	Default CTA/button, accent
Gray 80%	`#58585B`	88, 88, 91	0, 0, 0, 80	Cool Gray 11	Body copy, divider graphics
White	`#FFFFFF`	255, 255, 255	—	—	Background for content-heavy applications

2. Secondary `[BG25 p.24]`

“Should be used when additional depth is needed. They should be complementary and not dominate the primary color palette. The light gray is typically used as an accent gray on web pages and email.”

Name	Hex	RGB	CMYK	PMS
Blue	`#147EC2`	20, 126, 194	83, 43, 0, 0	7683
Light blue	`#6DCFF6`	109, 207, 246	50, 0, 0, 0	297
Light gray	`#ECECEC`	236, 236, 236	5, 4, 4, 0	Cool Gray 1 @ 50%

3. Tertiary `[BG25 p.24]`

“Should be used for infographics and presentations to add depth and interest.”

Name	Hex	RGB	CMYK	PMS
Green	`#7BC24D`	123, 194, 77	56, 0, 93, 0	369
Teal	`#00817D`	0, 129, 125	100, 0, 45, 30	7718
Purple	`#522E91`	82, 46, 145	80, 100, 0, 0	7679

4. Tints — 75 / 50 / 25 over white `[BG25 p.24]`

“Tints of the Patterson color palette are an option if used sparingly.”

The guide prints unlabelled swatches with no percentages and no hexes. Rendering p.24 and sampling the vector swatch fills shows a uniform 75% / 50% / 25% ramp over white across every row. The hexes below are that ramp applied to the published base hexes; they land within ±1 of the printed swatches.

Base	75%	50%	25%
Navy `#003767`	`#40698D`	`#809BB3`	`#BFCDD9`
Sky `#00A8E1`	`#40BEE8`	`#80D4F0`	`#BFE9F8`
Gray `#58585B`	`#828284`	`#ACACAD`	`#D5D5D6`
Blue `#147EC2`	`#4F9ED1`	`#8ABEE0`	`#C4DFF0`
Light blue `#6DCFF6`	`#92DBF8`	`#B6E7FA`	`#DAF3FD`
Green `#7BC24D`	`#9CD17A`	`#BDE0A6`	`#DEF0D2`
Teal `#00817D`	`#40A09E`	`#80C0BE`	`#BFE0DE`
Purple `#522E91`	`#7D62AC`	`#A896C8`	`#D4CBE4`

[TBD: the Brand Guide does not name the tint steps. If Corporate Marketing publishes canonical tint percentages, replace this table.]

5. Digital / WCAG-adjusted palette `[DS20 p.7–8]`, shipped in `[DPL]`

“A digital color system has been identified to comply with WCAG 2.0 accessibility standards.” “When used on a white or light grey background, link blue should be subbed for our primary sky blue color.”

Name	Hex	Where `[DS20]` says to use it
Digital sky blue	`#269BCB`	Primary interactive; sky blue on dark backgrounds
Link blue	`#147CBD`	Links / tertiary text links on white or light gray
Medium gray	`#9B9B9B`	Secondary text
Light gray	`#F8F8F8`	Backgrounds (with white)
Green (light and dark)	`#0CA50F`	Accent
Teal (light and dark)	`#008E8B`	Accent
Purple, on light	`#512E91`	Accent
Purple, on dark/navy	`#9660F3`	Accent

[IMG20 p.2] reinforces that digital sky is a distinct value:

“Be sure to export .SVG from the .RGB icon file (Note: don’t convert the CMYK file to RGB and then export — it will convert to the incorrect Digital SkyBlue color).”

6. Status / alert colors `[DPL]`, states named at `[DS20 p.37]`

[DS20] names four message-box states — Positive, Error, Neutral, Urgent — but publishes no hexes. The shipped values are:

State	Hex	Selector
Error / danger	`#D0021B`	`.message-box--error`, `.error-text`, form-error borders
Success / positive	`#0CA50F`	`.message-box--success` (= `[DS20]` accent green)
Urgent	`#003767` fill, `#FFFFFF` text	`.message-box--alert`
Warning	`#F5A623`	`.with--text-orange`, `.eyebrow--orange`

[TBD: no status colors appear in the 2025 Brand Guide. These four are implementation values from the production DPL, not brand-published values. Confirm with Corporate Marketing before treating them as canonical.]

7. Supporting neutrals `[DPL]`

Swatch	Purpose	Hex
	Divider / `hr`	`#D8D8D8`
	Form field border, disabled control	`#A8A9AC`
	Disabled field background	`#F0F0F0`
	Navy pressed / hover	`#001C34`

8. Usage rules

Icons must never use colors outside the brand palette [BG25 p.42].
Buttons may use palette colors other than sky “as long as the button stands out in the context of the design” [BG25 p.57].
Video full-frame grounds [BG25 p.52]:

Unit Ground

Patterson Dental sky #00A8E1

Patterson Veterinary navy #003767

Patterson Companies (corporate) and AHI white #FFFFFF
QR codes: keep the pixel field a single color, preferably black [BG25 p.51].
Never alter logo color; never place the logo over an image [BG25 p.20].

Unit	Ground
Patterson Dental	sky `#00A8E1`
Patterson Veterinary	navy `#003767`
Patterson Companies (corporate) and AHI	white `#FFFFFF`

9. Measured contrast (computed here, not published by Patterson)

Combination	Ratio	Verdict
White on sky `#00A8E1`	≈ 2.3:1	Fails WCAG AA at every text size
White on digital sky `#269BCB`	≈ 3.4:1	Passes AA for large text and non-text UI components only

[TBD: no WCAG conformance target (AA vs AAA) or version (2.0 vs 2.1/2.2) is stated in the 2025 Brand Guide. DS20 targets WCAG 2.0 only.]

Source of truth: plugins/patterson-brand/skills/brand-identity/references/color-palette.md in the patterson-corp repository.

Patterson color palette — full reference

1. Primary [BG25 p.24]

2. Secondary [BG25 p.24]

3. Tertiary [BG25 p.24]

4. Tints — 75 / 50 / 25 over white [BG25 p.24]

5. Digital / WCAG-adjusted palette [DS20 p.7–8], shipped in [DPL]

6. Status / alert colors [DPL], states named at [DS20 p.37]

7. Supporting neutrals [DPL]