Web Design
Welcome to the web section of Copart's Brand Guidelines. Browse our web colors, typography, and grab the code for different UI assets.
Web Colors
Main Colors
Copart Blue
#1254ff
Accent Yellow
#EC9C0D
Copart Black
#1E1F21
Grayscale
Dark Gray
#1f2733
Medium Gray
#2f3946
Main Gray
#475363
Light Gray
#7a8ba0
Lighter Gray
#a9b5c6
Blue Ramp
Darker Blue
#123068
Dark Blue
#17408A
Light Blue
#2261BD
Lighter Blue
#40A8FF
Accent Colors
Accent Yellow
#EC9C0D
Accent Orange
#FF5D18
Copart Green
#238202
Accent Red
#D91616
UI Background Colors
BG Blue
#40A8FF at 20%
BG Yellow
#FCEDD3
BG Orange
#FEE7DE
BG Green
#D7E8D1
BG Red
#F8D5D5
Typography
Red Hat Display
Red Hat Display Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ Abcdefghijklmnopqrstuvwxyz 123467890!@#$%&*()_
Red Hat Display Semibold
ABCDEFGHIJKLMNOPQRSTUVWXYZ Abcdefghijklmnopqrstuvwxyz 123467890!@#$%&*()_
Red Hat Display Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ Abcdefghijklmnopqrstuvwxyz 123467890!@#$%&*()_
Red Hat Display Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ Abcdefghijklmnopqrstuvwxyz 123467890!@#$%&*()_
Red Hat Display Bold 32px
Red Hat Display Semibold 24px
Lato Regular 16px
Lato Semibold 16px
Heading One
Heading Two
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis.
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis.
Heading Three
- List Item One
- List Item Two
- List Item Three
Nulla vitae elit libero, a pharetra augue.
Duis mollis, est non commodo luctus.
Maecenas faucibus mollis interdum.