Colors

import colors from "/src/shared/colors";

  • colors.primary1
    #effbff
  • colors.primary2
    #cef4fe
  • colors.primary3
    #a3e9ff
  • colors.primary4
    #3dc7f6
  • colors.primary5
    #00ade4
  • colors.primary6
    #0092e4
  • colors.primary7
    #0378d5
  • colors.primary8
    #004ca5
  • colors.primary9
    #0b3364
  • colors.primary10
    #1b1b1b
  • colors.brand
    #00ade4
  • colors.main
    #0378d5
  • colors.gray0
    #FFFFFF
  • colors.gray50
    #FAFBFC
  • colors.gray100
    #F3F3FA
  • colors.gray200
    #D9DAE5
  • colors.gray300
    #B0B1C3
  • colors.gray400
    #9293AB
  • colors.gray500
    #6B6D85
  • colors.gray600
    #4F5162
  • colors.gray700
    #383946
  • colors.gray800
    #22222A
  • colors.gray900
    #0B0B0D
  • colors.black
    #000000
  • colors.green50
    #E4F7E1
  • colors.green100
    #D8F3D4
  • colors.green200
    #BDEAB7
  • colors.green300
    #A2E29B
  • colors.green400
    #86D981
  • colors.green500
    #4DC952
  • colors.green600
    #42AB45
  • colors.green700
    #299B2C
  • colors.green800
    #1B841D
  • colors.green900
    #1E5C1F
  • colors.blue50
    #F4F6FF
  • colors.blue100
    #DAE0FF
  • colors.blue200
    #B1BEFF
  • colors.blue300
    #97A7FF
  • colors.blue400
    #8598FF
  • colors.blue500
    #798BEC
  • colors.blue600
    #6374D0
  • colors.blue700
    #4C5CB0
  • colors.blue800
    #39478F
  • colors.blue900
    #2D376D
  • colors.yellow50
    #FFFBEE
  • colors.yellow100
    #FFF9E7
  • colors.yellow200
    #FEF1C4
  • colors.yellow300
    #FEE89D
  • colors.yellow400
    #FEDF76
  • colors.yellow500
    #FDD13B
  • colors.yellow600
    #FDCC35
  • colors.yellow700
    #FCC62D
  • colors.yellow800
    #FCC026
  • colors.yellow900
    #FCB519
  • colors.orange50
    #FFF5ED
  • colors.orange100
    #FFF0E6
  • colors.orange200
    #FFDABF
  • colors.orange300
    #FFC195
  • colors.orange400
    #FFA86B
  • colors.orange500
    #FF832B
  • colors.orange600
    #FF7B26
  • colors.orange700
    #FF7020
  • colors.orange800
    #FF661A
  • colors.orange900
    #FF5310
  • colors.red50
    #FCEDEC
  • colors.red100
    #FBE6E4
  • colors.red200
    #F5C0BC
  • colors.red300
    #EF9790
  • colors.red400
    #EE5F54
  • colors.red500
    #E43326
  • colors.red600
    #DA291D
  • colors.red700
    #CF2318
  • colors.red800
    #C31F17
  • colors.red900
    #B41710
  • colors.teal50
    #D3FCFE
  • colors.teal100
    #C0FBFE
  • colors.teal200
    #A9EFF2
  • colors.teal300
    #73DFE7
  • colors.teal400
    #47D5DF
  • colors.teal500
    #0BC8D6
  • colors.teal600
    #03C0CD
  • colors.teal700
    #06B7C3
  • colors.teal800
    #05AAB6
  • colors.teal900
    #07A0AB
  • colors.lime50
    #F1FAE6
  • colors.lime100
    #EAF8DB
  • colors.lime200
    #C5E1A5
  • colors.lime300
    #AADC72
  • colors.lime400
    #9CCC65
  • colors.lime500
    #7FB800
  • colors.lime600
    #76AF34
  • colors.lime700
    #689F38
  • colors.lime800
    #558B2F
  • colors.lime900
    #487A34
  • colors.purple50
    #EADEFF
  • colors.purple100
    #E1D0FF
  • colors.purple200
    #CFB4FF
  • colors.purple300
    #C19EFF
  • colors.purple400
    #AE82FC
  • colors.purple500
    #7D4DD3
  • colors.purple600
    #6938C0
  • colors.purple700
    #592BAA
  • colors.purple800
    #4D278F
  • colors.purple900
    #4D0B8F
  • colors.magenta50
    #FFF3F9
  • colors.magenta100
    #FFEEF7
  • colors.magenta200
    #FFCDE4
  • colors.magenta300
    #FFABD3
  • colors.magenta400
    #FF8AC1
  • colors.magenta500
    #FF479F
  • colors.magenta600
    #F53693
  • colors.magenta700
    #EE2A89
  • colors.magenta800
    #D91F79
  • colors.magenta900
    #CA136C
  • colors.white
    #FFFFFF
  • colors.gray
    #6B6D85
  • colors.grayBg
    #FAFBFC
  • colors.primaryDarker
    #0b3364
  • colors.primaryMain
    #0378d5
  • colors.primary
    #0378d5
  • colors.primaryBrand
    #00ade4
  • colors.primaryLighter
    #a3e9ff
  • colors.green
    #4DC952
  • colors.greenBg
    #E4F7E1
  • colors.blue
    #798BEC
  • colors.blueBg
    #F4F6FF
  • colors.yellow
    #FDD13B
  • colors.yellowBg
    #FFFBEE
  • colors.red
    #E43326
  • colors.redBg
    #FCEDEC
  • colors.teal
    #0BC8D6
  • colors.tealBg
    #D3FCFE
  • colors.lime
    #7FB800
  • colors.limeBg
    #F1FAE6
  • colors.purple
    #7D4DD3
  • colors.purpleBg
    #EADEFF
  • colors.magenta
    #FF479F
  • colors.magentaBg
    #FFF3F9
  • colors.darkShadowColor
    rgb(0 0 0 / 16%)
  • colors.lightShadowColor
    rgb(255 255 255 / 16%)
  • colors.formBg
    #f8fcff
  • colors.formSectionBg
    transparent
  • colors.formPanelBg
    #FFFFFF
  • colors.formSubsectionBg
    #FFFFFF
  • colors.error
    #DA291D
  • colors.warning
    #FF7B26
  • colors.success
    #42AB45
  • colors.formActiveTab
    #0378d5
  • colors.formPrimaryButtonBg
    #0378d5
  • colors.formActivePanelIndicator
    #0378d5
  • colors.formHeaderText
    #000000
  • colors.formBodyText
    #000000
  • colors.formInputText
    #000000
  • colors.formPlaceholderText
    #9293AB
  • colors.formLabel
    #4F5162
  • colors.formFieldBorder
    #dedfe9