Color Palette - Bluprnt

Primary Palette

Primarily used for call to action links and buttons.

$color-primary
#0083db

$color-primaryLight
#0ba3e6

$color-primaryDark
#00579c

Primarily used for call to action links and buttons.

$color-secondary
#8bc34a

$color-secondaryLight
#dcedc8

$color-secondaryDark
#689f38

Primarily used as accent colors for borders, backgrounds, and hover states.

$color-accentPurple
#BF529E

$color-blue1
#FAFDFF

$color-blue2
#EFF9FF

$color-blue3
#DEF1FC

$color-blue4
#ACDBF6

$color-blue5
#2EB9F7

$color-blue6
#0BA3E6

$color-blue7
#1392DB

$color-blue8
#0071BD

$color-blue9
#00579C

$color-blue10
#024880

$color-blue11
#002953

These are generally used for background colors and/or text colors.

$color-white
#fff

$color-black
#000

$color-grayLightest
#f1f2f2

$color-grayLighter
#eee

$color-grayLight
#e6e6e6

$color-gray
#ced1d1

$color-grayDark
#999

$color-grayDarker
#666

$color-grayDarkest
#333

$color-blackish
#111

$color-success
#58ce8a

$color-error
#ed4337