Colors

Main Colors

White: #fff ($color-white)
Gray - 100: #fafafa ($color-gray-100)
Gray - 200: #eaeaea ($color-gray-200)
Gray - 300: #e5e5e5 ($color-gray-300)
Gray - 400: #999 ($color-gray-400)
Gray - 500: #888 ($color-gray-500)
Gray - 600: #666 ($color-gray-600)
Gray - 700: #444 ($color-gray-700)
Gray - 800: #333 ($color-gray-800)
Black: #1b1b1b ($color-black)

Error

Red (light): #ff1a1a ($color-red-light)
Red (default): #e00 ($color-red)
Red (dark): #c00 ($color-red-dark)

Success

Blue (light): #3291ff ($color-blue-light)
Blue (default): #0070f3 ($color-blue)
Blue (dark): #0366d6 ($color-blue-dark)

Warning

Yellow (light): #f7b955 ($color-yellow-light)
Yellow (default): #f5a623 ($color-yellow)
Yellow (dark): #f49b0b ($color-yellow-dark)
Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Styled Headings
Styled Heading 1
Styled Heading 1
Styled Heading 1
Styled Heading 1
Styled Heading 1
Styled Heading 1
Buttons
Loading Spinners
Form Components
Default Selector
Disabled Selector
Default Text Input
Disabled Text Input
Error State
Default Message.