Home > Style Guide
An overview of this site’s brand colors.
Action
Action
#edc33e
Ultra Light
#fefcf6
Light
#f8eab9
Medium
#e9b816
Dark
#755c0b
Ultra Dark
#2f2504
Comp
#4068ed
Primary
Primary
#edc33e
Ultra Light
#fefcf6
Light
#f8eab9
Medium
#e9b816
Dark
#755c0b
Ultra Dark
#2f2504
Comp
#4068ed
Secondary
Secondary
#666867
Ultra Light
#F2F2F2
Light
#D8D9D9
Medium
#7E8180
Dark
#3F4040
Ultra Dark
#191A1A
Comp
#676566
Accent
Accent
#E3E3DC
Ultra Light
#F4F4F1
Light
#DDDDD5
Medium
#8E8E71
Dark
#474739
Ultra Dark
#1C1C17
Comp
#DDDDE4
Base
Base
#576B62
Ultra Light
#F1F4F2
Light
#D5DDD9
Medium
#738C81
Dark
#394640
Ultra Dark
#171C1A
Comp
#6B5760
Shade
Shade
Ultra Light
Light
Medium
Dark
Ultra Dark
Comp
Action
Trans 10
rgba(237, 195, 62, 0.1)
Trans 20
rgba(237, 195, 62, 0.2)
Trans 40
rgba(237, 195, 62, 0.4)
Trans 60
rgba(237, 195, 62, 0.6)
Trans 80
rgba(237, 195, 62, 0.8
Trans 90
rgba(237, 195, 62, 0.9)
Primary
Trans 10
rgba(237, 195, 62, 0.1)
Trans 20
rgba(237, 195, 62, 0.2)
Trans 40
rgba(237, 195, 62, 0.4)
Trans 60
rgba(237, 195, 62, 0.6)
Trans 80
rgba(237, 195, 62, 0.8
Trans 90
rgba(237, 195, 62, 0.9)
Secondary
Trans 10
rgba(102, 104, 103, 0.1)
Trans 20
rgba(102, 104, 103, 0.2)
Trans 40
rgba(102, 104, 103, 0.4)
Trans 60
rgba(102, 104, 103, 0.6)
Trans 80
rgba(102, 104, 103, 0.8
Trans 90
rgba(102, 104, 103, 0.9)
Accent
Trans 10
rgba(227, 227, 220, 0.1)
Trans 20
rgba(227, 227, 220, 0.2)
Trans 40
rgba(227, 227, 220, 0.4)
Trans 60
rgba(227, 227, 220, 0.6)
Trans 80
rgba(227, 227, 220, 0.8)
Trans 90
rgba(227, 227, 220, 0.9)
Base
Trans 10
rgba(87, 107, 98, 0.1)
Trans 20
rgba(87, 107, 98, 0.2)
Trans 40
rgba(87, 107, 98, 0.4)
Trans 60
rgba(87, 107, 98, 0.6)
Trans 80
rgba(87, 107, 98, 0.8)
Trans 90
rgba(87, 107, 98, 0.9)
Shade
Trans 10
Trans 20
Trans 40
Trans 60
Trans 80
rgba(237, 195, 62, 0.8)
Trans 90
Solid and outline buttons are available across all color sets including black and white.
BUTTONS ON LIGHT BACKGROUND