Brand Colors
Primary Blues
Golden Hour
Afternoon Delight
Utility Colors
Tertiary | Grays
Gray | #979797
Gray - Medium | #DDDDDD
Gray - Light | #F2F2F2
Gray - Extra Light | #F8F8F8
White | #FFFFFF
How implement color
Data Attributes
Adding colors using the data attributes
Background Color
data-bg-color="midnight"
Text Color
data-color="midnight"
1px Border Color
data-border-color="midnight"
Map Mixin
Adding colors using the mixin
background: color(magic-hour-extralight);
color: color(midnight);