Colors

Neutral solid and translucent colors for basic UI and design needs. Use them for buttons, links, page backgrounds, or as a quick color palette for rapid branding.

evo-cmy

evo-cmy-red
evo-cmy-red-bg
evo-cmy-green
evo-cmy-green-bg
evo-cmy-blue
evo-cmy-blue-bg
evo-cmy-cyan
evo-cmy-cyan-bg
evo-cmy-magenta
evo-cmy-magenta-bg
evo-cmy-yellow
evo-cmy-yellow-bg

evo-gray

Gray Solid

evo-gray-100
evo-gray-100-bg #000000
evo-gray-99
evo-gray-99-bg #030303
evo-gray-98
evo-gray-98-bg #050505
evo-gray-97
evo-gray-97-bg #080808
evo-gray-96
evo-gray-96-bg #0A0A0A
evo-gray-95
evo-gray-95-bg #0D0D0D
evo-gray-90
evo-gray-90-bg #191919
evo-gray-85
evo-gray-85-bg #262626
evo-gray-80
evo-gray-80-bg #333333
evo-gray-75
evo-gray-75-bg #404040
evo-gray-70
evo-gray-70-bg #4C4C4C
evo-gray-65
evo-gray-65-bg #595959
evo-gray-60
evo-gray-60-bg #666666
evo-gray-55
evo-gray-55-bg #737373
evo-gray-50
evo-gray-50-bg #7F7F7F
evo-gray-45
evo-gray-45-bg #8C8C8C
evo-gray-40
evo-gray-40-bg #999999
evo-gray-35
evo-gray-35-bg #A6A6A6
evo-gray-30
evo-gray-30-bg #B2B2B2
evo-gray-25
evo-gray-25-bg #BFBFBF
evo-gray-20
evo-gray-20-bg #CCCCCC
evo-gray-15
evo-gray-15-bg #D9D9D9
evo-gray-10
evo-gray-10-bg #E5E5E5
evo-gray-5
evo-gray-5-bg #F2F2F2
evo-gray-4
evo-gray-4-bg #F5F5F5
evo-gray-3
evo-gray-3-bg #F7F7F7
evo-gray-2
evo-gray-2-bg #FAFAFA
evo-gray-1
evo-gray-1-bg #FCFCFC
evo-gray-0
evo-gray-0-bg #FFFFFF

Gray Dark Translucent

evo-dark-{{ n }}
evo-dark-{{ n }}-bg {{ n }}%
evo-dark-{{ n }}
evo-dark-{{ n }}-bg {{ n }}%
evo-dark-{{ n }}
evo-dark-{{ n }}-bg {{ n }}%
evo-dark-{{ n }}
evo-dark-{{ n }}-bg {{ n }}%

Gray Light Translucent

evo-light-{{ n }}
evo-light-{{ n }}-bg {{ n }}%
evo-light-{{ n }}
evo-light-{{ n }}-bg {{ n }}%
evo-dark-{{ n }}
evo-dark-{{ n }}-bg {{ n }}%
evo-dark-{{ n }}
evo-dark-{{ n }}-bg {{ n }}%