Color Documentation

Neutral Colors

$neutral-0

#ffffff

$neutral-50

#fafafb

$neutral-100

#f3f5f8

$neutral-200

#e1e4e9

$neutral-300

#cbcfdf

$neutral-400

#989fac

$neutral-500

#727782

$neutral-600

#535864

$neutral-700

#2c303a

$neutral-800

#22252f

$neutral-900

#181b24

$neutral-950

#0f121b

Primary Colors

$primary-50

#edf3ff

$primary-100

#d4e0f8

$primary-400

#475fa7

$primary-500

#223679

$primary-600

#182968

$primary-700

#111d57

Primary Alpha Colors

$primary-500-10

rgba(34, 54, 121, 0.1)

$primary-500-16

rgba(34, 54, 121, 0.16)

$primary-500-24

rgba(34, 54, 121, 0.24)

$primary-500-32

rgba(34, 54, 121, 0.32)

Basic Alpha Colors

$basic-600-8

rgba(83, 88, 100, 0.08)

$basic-600-16

rgba(83, 88, 100, 0.16)

$basic-600-24

rgba(83, 88, 100, 0.24)

$basic-600-32

rgba(83, 88, 100, 0.32)

$basic-600-48

rgba(83, 88, 100, 0.48)

White Alpha Colors

$white-8

rgba(255, 255, 255, 0.08)

$white-16

rgba(255, 255, 255, 0.16)

$white-24

rgba(255, 255, 255, 0.24)

$white-32

rgba(255, 255, 255, 0.32)

$white-48

rgba(255, 255, 255, 0.48)

Secondary Colors

$secondary-400

#cc4345

$secondary-500

#aa1222

$secondary-600

#920d27

$secondary-700

#7a0929

Secondary Alpha Colors

$secondary-500-8

rgba(170, 18, 34, 0.08)

$secondary-500-16

rgba(170, 18, 34, 0.16)

$secondary-500-24

rgba(170, 18, 34, 0.24)

$secondary-500-32

rgba(170, 18, 34, 0.32)

System Colors

Info

$info-400

#42d0eb

$info-500

#0aaddf

$info-600

#077eb2

$info-700

#0565a0

Info Alpha

$info-500-8

rgba(10, 173, 223, 0.08)

$info-500-16

rgba(10, 173, 223, 0.16)

$info-500-24

rgba(10, 173, 223, 0.24)

$info-500-32

rgba(10, 173, 223, 0.32)

Success

$success-400

#8bd380

$success-500

#5cb657

$success-600

#2fa21a

$success-700

#1d8913

Success Alpha

$success-500-8

rgba(92, 182, 87, 0.08)

$success-500-16

rgba(92, 182, 87, 0.16)

$success-500-24

rgba(92, 182, 87, 0.24)

$success-500-32

rgba(92, 182, 87, 0.32)

Warning

$warning-400

#ffbe71

$warning-500

#ff9f43

$warning-600

#d96f1d

$warning-700

#b75b21

Warning Alpha

$warning-500-8

rgba(255, 159, 67, 0.08)

$warning-500-16

rgba(255, 159, 67, 0.16)

$warning-500-24

rgba(255, 159, 67, 0.24)

$warning-500-32

rgba(255, 159, 67, 0.32)

Danger

$danger-400

#cc4345

$danger-500

#aa1222

$danger-600

#920d27

$danger-700

#7a0929

Danger Alpha

$danger-500-8

rgba(170, 18, 34, 0.08)

$danger-500-16

rgba(170, 18, 34, 0.16)

$danger-500-24

rgba(170, 18, 34, 0.24)

$danger-500-32

rgba(170, 18, 34, 0.32)

Social Media Colors

$facebook

#1877f2

$twitter

#1da1f2

$instagram

#c13584

$youtube

#ff0000

$linkedin

#0077b5

$whatsapp

#25d366

$pinterest

#bd081c

$medium

#00ab6c