10% Opacity
Example usage: Backgrounds for tags & notifications
25% Opacity
Example usage: Backgrounds for design elements & loading animations
40% Opacity
Example usage: Backgrounds for design elements & past bars on diagnostic chart
80% Opacity
Example usage: Diagnostic chart key
Radial Gradient from Top: Orange 40% to Off White
Example usage: Backgrounds for design elements
Radial Gradient from Right: Teal 40% to Off White
Example usage: Backgrounds for design elements
Radial Gradient from Bottom: Teal 25% to Orange 25%
Example usage: Backgrounds for design elements
Radial Gradient from Left: Dark Gray 80% to Dark Gray 0%
Example usage: Hero image overlay