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!