Blueprint is supported by an extensive secondary color system that themes our styles and components. This enables more comprehensive customization and extension for any project.
<div class="bg-secondary">Secondary Color</div>
<div class="bg-secondary-light">Secondary Color Light</div>
<div class="bg-secondary-dark">Secondary Color Dark</div>
<div class="bg-secondary--hero-opacity">Secondary Color Opacity 0.85%</div>