Palette preview

Side-by-side comparison of four warm-spectrum candidates for the secondary color.

Primary blue (#1E40AF) and accent orange (#EA580C) are unchanged. Only the secondary color varies. Each panel shows the same five elements rendered with that palette in light and dark mode.

A

Brass / military gold

Federal/defense visual heritage. Most distinct from the existing orange accent.

light: #A16207 (yellow-700) dark: #EAB308 (yellow-500)
Light mode

What it covers

A complete CMMC readiness path

Body text below the heading uses the standard text color. The secondary appears on taglines, accents, and outline buttons.

Dark mode

What it covers

A complete CMMC readiness path

Body text below the heading uses the standard text color. The secondary appears on taglines, accents, and outline buttons.

B

Amber gold

Warm classical, established firm feel. Heritage banking / financial services.

light: #D97706 (amber-600) dark: #FBBF24 (amber-400)
Light mode

What it covers

A complete CMMC readiness path

Body text below the heading uses the standard text color. The secondary appears on taglines, accents, and outline buttons.

Dark mode

What it covers

A complete CMMC readiness path

Body text below the heading uses the standard text color. The secondary appears on taglines, accents, and outline buttons.

C

Bronze

Premium, weighty, distinguished. Architecture-firm gravitas.

light: #92400E (amber-800) dark: #D97706 (amber-600)
Light mode

What it covers

A complete CMMC readiness path

Body text below the heading uses the standard text color. The secondary appears on taglines, accents, and outline buttons.

Dark mode

What it covers

A complete CMMC readiness path

Body text below the heading uses the standard text color. The secondary appears on taglines, accents, and outline buttons.

D

Copper / fire

Industrial, decisive, warm. Aerospace / manufacturing feel. Note: overlaps with current orange accent.

light: #B45309 (amber-700) dark: #FB923C (orange-400)
Light mode

What it covers

A complete CMMC readiness path

Body text below the heading uses the standard text color. The secondary appears on taglines, accents, and outline buttons.

Dark mode

What it covers

A complete CMMC readiness path

Body text below the heading uses the standard text color. The secondary appears on taglines, accents, and outline buttons.

How to pick

Tell me A, B, C, or D and I will apply the chosen secondary across the site (both the CSS variable and the few hardcoded Tailwind classes that currently reference blue). This palette-preview page can stay or be removed afterward.