Identity/Color

Design palette

The colors we selected reflect the many aspects of our brand from inspiring and passionate to honest and confident. Each color is assigned a particular weight to ensure proper visual balance. [DOWNLOAD PHOTOSHOP SWATCH]

Primary palette

  • #030077 Dark blue RGB (3,0,119) CMYK (100,74,1,8) PMS 2747
  • #133ba3 Header blue
  • #247bd4 LegalZoom blue RGB (36,123,212) CMYK (67,12,0,0) PMS 2925
  • #2293f9 Action blue
  • #1cb611 Attorney green

Secondary palette

  • #9e8ce1 Purple
  • #ee4f4f Red
  • #ff6804 Orange
  • #ff893b Light orange
  • #8eb2e1 Light blue medium
  • #c8def4 Light blue regular
  • #e8f0f7 Light blue
  • #f8dddf Light red
  • #eef8eb Light green
  • #f8f6e4 Light yellow
  • #444444 Dark medium gray
  • #959595 Gray
  • #d4d4d4 Light medium gray
  • #f0f0f0 Light gray

UI colors

Type

  • #444444 Body copy and H5
  • #133ba3 Header H1 - H4 - Link Hover
  • #247bd4 Link
  • #1cb611 Green text for promo and deals
  • #ee4f4f Error text
  • #959595 Gray text
  • #d4d4d4 Disabled text and help text inside field

Backgrounds and borders

  • #133ba3 Background dark blue
  • #247bd4 Background blue
  • #e8e8e8 Background footer
  • #e8f0f7 Background light blue
  • #d4d4d4 Border
  • Light gray pattern

States

  • Active color Color start : #2293f9 Color end: #136de4
  • #2293f9 Hover
  • Active color (secondary button) Color start : #ff893b Color end: #ff6804
  • #ff893b Hover
  • #d4d4d4 Disabled
  • Active color Color start : #1cb611 Color end: #109c09
  • #1cb611 Hover

Social media

  • Facebook
  • Twitter
  • #0077b5 Linkedin
  • #dd4b39 Google +
  • #cb2027 Pinterest
  • #35465c Tumblr