Design System Builder

Colors

Brand

primary-25
#9AF4FF
w: 1.25 | b: 16.76
primary-50
#90EAFF
w: 1.36 | b: 15.40
primary-100
#7CD6F7
w: 1.64 | b: 12.82
primary-200
#68C2E3
w: 2.02 | b: 10.41
primary-300
#54AECF
w: 2.52 | b: 8.33
primary-400
#3690B1
w: 3.63 | b: 5.78
primary-500
#227C9D
w: 4.73 | b: 4.44
primary-600
#0E6889
w: 6.25 | b: 3.36
primary-700
#005475
w: 8.32 | b: 2.53
primary-800
#004061
w: 11.02 | b: 1.91
primary-900
#002243
w: 16.03 | b: 1.31
primary-950
#000E2F
w: 19.02 | b: 1.10

neutral

neutral-25
#E3EAF8
w: 1.21 | b: 17.39
neutral-50
#D9E0EE
w: 1.33 | b: 15.85
neutral-100
#C5CCDA
w: 1.61 | b: 13.02
neutral-200
#B1B8C6
w: 1.99 | b: 10.54
neutral-300
#9DA4B2
w: 2.50 | b: 8.39
neutral-400
#7F8694
w: 3.66 | b: 5.74
neutral-500
#6B7280
w: 4.83 | b: 4.34
neutral-600
#575E6C
w: 6.52 | b: 3.22
neutral-700
#434A58
w: 8.90 | b: 2.36
neutral-800
#2F3644
w: 12.12 | b: 1.73
neutral-900
#111826
w: 17.76 | b: 1.18
neutral-950
#000412
w: 20.47 | b: 1.03

success

success-25
#9AFFD6
w: 1.19 | b: 17.65
success-50
#90FFCC
w: 1.21 | b: 17.36
success-100
#7CFFB8
w: 1.25 | b: 16.85
success-200
#68FFA4
w: 1.28 | b: 16.43
success-300
#54F790
w: 1.39 | b: 15.08
success-400
#36D972
w: 1.85 | b: 11.32
success-500
#22C55E
w: 2.28 | b: 9.22
success-600
#0EB14A
w: 2.84 | b: 7.41
success-700
#009D36
w: 3.57 | b: 5.88
success-800
#008922
w: 4.56 | b: 4.60
success-900
#006B04
w: 6.76 | b: 3.10
success-950
#005700
w: 8.89 | b: 2.36

warning

warning-25
#FFFF83
w: 1.06 | b: 19.88
warning-50
#FFFF79
w: 1.06 | b: 19.83
warning-100
#FFF865
w: 1.11 | b: 18.87
warning-200
#FFE451
w: 1.28 | b: 16.47
warning-300
#FFD03D
w: 1.46 | b: 14.34
warning-400
#FFB21F
w: 1.80 | b: 11.64
warning-500
#F59E0B
w: 2.15 | b: 9.78
warning-600
#E18A00
w: 2.68 | b: 7.84
warning-700
#CD7600
w: 3.39 | b: 6.19
warning-800
#B96200
w: 4.37 | b: 4.81
warning-900
#9B4400
w: 6.52 | b: 3.22
warning-950
#873000
w: 8.56 | b: 2.45

error

error-25
#FFBCBC
w: 1.59 | b: 13.17
error-50
#FFB2B2
w: 1.71 | b: 12.26
error-100
#FF9E9E
w: 1.97 | b: 10.64
error-200
#FF8A8A
w: 2.27 | b: 9.25
error-300
#FF7676
w: 2.59 | b: 8.10
error-400
#FF5858
w: 3.09 | b: 6.79
error-500
#EF4444
w: 3.76 | b: 5.58
error-600
#DB3030
w: 4.69 | b: 4.48
error-700
#C71C1C
w: 5.82 | b: 3.61
error-800
#B30808
w: 7.11 | b: 2.95
error-900
#950000
w: 9.22 | b: 2.28
error-950
#810000
w: 10.86 | b: 1.93

Black

black
#000000
w: 21.00 | b: 1.00

White

white
#FFFFFF
w: 1.00 | b: 21.00