Marine Corps Inspired Color Palette

A dynamic viewer for the core colors and their derived Dark, Mid, and Pale variants.

Text & Background Recommendations

These pairings offer optimal contrast (WCAG AA/AAA) and visual impact across the scheme.

Primary Dark UI

Header text using Cyber Yellow.
Body text using Sonic Silver Mid.

Background: Dark Cerulean Dark (#002342)

Light Accent UI

Error/Accent text using Lava Dark.
Primary action text using Metallic Sunburst.

Background: Cyber Yellow Pale (#FFFBE5)

WCAG AA & AAA Contrast Recommendations

Text Size Standard Minimum Ratio Description
**Small Text** (Body Text) **AA** (Minimum) 4.5:1 Required for standard body text.
**Small Text** (Body Text) **AAA** (Enhanced) 7.0:1 Required for maximum accessibility.
**Large Text** (18pt / 14pt bold+) **AA** (Minimum) 3.0:1 Required for headlines and large display text.
**Large Text** (18pt / 14pt bold+) **AAA** (Enhanced) 4.5:1 Highest level for large-scale text.

Non-Text Contrast: Graphical objects (icons, active component states, etc.) must meet a minimum ratio of 3.0:1 (AA standard).

Definition of Large Text: Text that is 18pt (24px) or larger, or 14pt (18.66px) and bold.