Primary Lightest
Primary Lighter
Primary Base
Primary Dark
Primary Darker
Primary Darkest
Secondary Lightest
Secondary Lighter
Secondary LIght
Secondary Base
Secondary Dark
Secondary Darker
Secondary Darkest
Accent Lightest
Accent LIghter
Accent LIght
Accent Base
Accent Dark
Accent Darker
Accent Darkest
Default Subheading The quick brown fox jumps over the lazy dog. 1234567890
Default Body The quick brown fox jumps over the lazy dog. 1234567890
Default Accent The quick brown fox jumps over the lazy dog. 1234567890
Body Text The quick brown fox jumps over the lazy dog. 1234567890
Body Text Bold The quick brown fox jumps over the lazy dog. 1234567890
Body Text Large The quick brown fox jumps over the lazy dog. 1234567890
Body Text Large - Bold The quick brown fox jumps over the lazy dog. 1234567890
Body Text Large - Underlined The quick brown fox jumps over the lazy dog. 1234567890
Body Text Small The quick brown fox jumps over the lazy dog. 1234567890
Body Text Small - Bold The quick brown fox jumps over the lazy dog. 1234567890
Body Text Small - Underline The quick brown fox jumps over the lazy dog. 1234567890
Body Text XL The quick brown fox jumps over the lazy dog. 1234567890
Uppercase Text The quick brown fox jumps over the lazy dog. 1234567890
Navigation Text The quick brown fox jumps over the lazy dog. 1234567890
Button Text The quick brown fox jumps over the lazy dog. 1234567890
Button Text Large The quick brown fox jumps over the lazy dog. 1234567890
Hero Subtitle The quick brown fox jumps over the lazy dog. 1234567890
Page Intro Text The quick brown fox jumps over the lazy dog. 1234567890
Lightest
mg-bg-primary-lightest
Lighter
mg-bg-primary-lighter
Light
mg-bg-primary-light
Base
mg-bg-primary
Dark
mg-bg-primary-dark
Darker
mg-bg-primary-darker
Darkest
mg-bg-primary-darkest
Lightest
Lighter
Light
Base
Dark
Darker
Darkest
Lightest
Lighter
Light
Base
Dark
Darker
Darkest
Primary text color
Primary light text
Primary dark text
Secondary text color
Accent text color
Primary Border
Secondary Border
Accent Border
Join thousands of satisfied customers today.
✅ Test Complete! If all colors appear correctly, your color system is working perfectly!