Live Storybook

Colors

Colors
primary
 
#EEF6F3
bd-primary-50
 
#E4F1EC
bd-primary-100
bd-primary-light
 
#D7EAE2
bd-primary-200
 
#C3DFD4
bd-primary-300
 
#A5CFBF
bd-primary-400
 
#85BEA8
bd-primary-500
 
#3C9774
bd-primary-600
 
#0B7D51
bd-primary-700
bd-primary
 
#096240
bd-primary-800
 
#053421
bd-primary-900
green
 
bd-green-50
 
bd-green-100
bd-green-light
 
bd-green-200
 
bd-green-300
 
bd-green-400
 
bd-green-500
 
bd-green-600
 
bd-green-700
bd-green
 
bd-green-800
 
bd-green-900
accent
 
bd-accent-50
 
bd-accent-100
bd-accent-light
 
bd-accent-200
 
bd-accent-300
 
bd-accent-400
 
bd-accent-500
 
bd-accent-600
 
bd-accent-700
bd-accent
 
bd-accent-800
 
bd-accent-900
orange
 
#FEF3E1
bd-orange-50
 
#FEEBCD
bd-orange-100
bd-orange-light
 
#FED69A
bd-orange-200
 
#FDCC81
bd-orange-300
 
#FDC268
bd-orange-400
 
#FCB64A
bd-orange-500
 
#FCAA2B
bd-orange-600
 
#FB9903
bd-orange-700
bd-orange
 
#CA7B02
bd-orange-800
 
#975C02
bd-orange-900
gray
 
#F9FAFB
bd-gray-50
 
#F3F4F6
bd-gray-100
bd-gray-light
 
#E5E7EB
bd-gray-200
 
#D1D5DB
bd-gray-300
 
#9CA3AF
bd-gray-400
 
#6B7280
bd-gray-500
 
#4B5563
bd-gray-600
 
#374151
bd-gray-700
bd-gray
 
#1F2A37
bd-gray-800
 
#111928
bd-gray-900
red
 
#FDF2F2
bd-red-50
 
#FDE8E8
bd-red-100
bd-red-light
 
#FBD5D5
bd-red-200
 
#F8B4B4
bd-red-300
 
#F98080
bd-red-400
 
#F05252
bd-red-500
 
#E02424
bd-red-600
 
#C81E1E
bd-red-700
bd-red
 
#9B1C1C
bd-red-800
 
#771D1D
bd-red-900
teal
 
#EDFAFA
bd-teal-50
 
#D5F5F6
bd-teal-100
bd-teal-light
 
#AFECEF
bd-teal-200
 
#7EDCE2
bd-teal-300
 
#16BDCA
bd-teal-400
 
#0694A2
bd-teal-500
 
#047481
bd-teal-600
 
#036672
bd-teal-700
bd-teal
 
#05505C
bd-teal-800
 
#014451
bd-teal-900
indigo
 
#F0F5FF
bd-indigo-50
 
#E5EDFF
bd-indigo-100
bd-indigo-light
 
#CDDBFE
bd-indigo-200
 
#B4C6FC
bd-indigo-300
 
#8DA2FB
bd-indigo-400
 
#6875F5
bd-indigo-500
 
#5850EC
bd-indigo-600
 
#5145CD
bd-indigo-700
bd-indigo
 
#42389D
bd-indigo-800
 
#362F78
bd-indigo-900
pink
 
#FDF2F8
bd-pink-50
 
#FCE8F3
bd-pink-100
bd-pink-light
 
#FAD1E8
bd-pink-200
 
#F8B4D9
bd-pink-300
 
#F17EB8
bd-pink-400
 
#E74694
bd-pink-500
 
#D61F69
bd-pink-600
 
#BF125D
bd-pink-700
bd-pink
 
#99154B
bd-pink-800
 
#751A3D
bd-pink-900
yellow
 
#FDFDEA
bd-yellow-50
 
#FDF6B2
bd-yellow-100
bd-yellow-light
 
#FCE96A
bd-yellow-200
 
#FACA15
bd-yellow-300
 
#E3A008
bd-yellow-400
 
#C27803
bd-yellow-500
 
#9F580A
bd-yellow-600
 
#8E4B10
bd-yellow-700
bd-yellow
 
#723B13
bd-yellow-800
 
#633112
bd-yellow-900
blue
 
#EBF5FF
bd-blue-50
 
#E1EFFE
bd-blue-100
bd-blue-light
 
#C3DDFD
bd-blue-200
 
#A4CAFE
bd-blue-300
 
#76A9FA
bd-blue-400
 
#3F83F8
bd-blue-500
 
#1C64F2
bd-blue-600
 
#1A56DB
bd-blue-700
bd-blue
 
#1E429F
bd-blue-800
 
#233876
bd-blue-900