Header

Colours

Our color system contains a robust range of tints and shades to build flexible and semantic interfaces

Colors

Primary palette

primary-0
#FEF7EC
primary-100
#FEEED3
primary-200
#FED8A8
primary-300
#FCBD7D
primary-400
#FAA25C
primary-500
#F77728
primary-600
#D4581D
primary-700
#B13D14
primary-800
#8F260C
primary-900
#761707

Secondary palette

secondary-0
#FEF7EC
secondary-100
#D6E8FC
secondary-200
#AECFF9
secondary-300
#83AFEF
secondary-400
#6290E0
secondary-500
#3366CC
secondary-600
#254EAF
secondary-700
#193992
secondary-800
#102776
secondary-900
#091B61

Tertiary palette

tertiary-0
#E7EFF6
tertiary-100
#E7EFF6
tertiary-200
#D1DFED
tertiary-300
#A6B7C9
tertiary-400
#738294
tertiary-500
#37404E
tertiary-600
#283143
tertiary-700
#1B2438
tertiary-800
#11192D
tertiary-900
#0A1025

Success palette

success-0
#F8FFEC
success-100
#E9F9D0
success-200
#CFF4A3
success-300
#A5E070
success-400
#7AC149
success-500
#46991A
success-600
#328313
success-700
#226E0D
success-800
#145808
success-900
#0B4904

Warning palette

warning-0
#FEF9E5
warning-100
#FEF4CC
warning-200
#FEE699
warning-300
#FED366
warning-400
#FDC140
warning-500
#FCA402
warning-600
#D88501
warning-700
#B56801
warning-800
#924F00
warning-900
#783D00

Error palette

error-0
#FFF4ED
error-100
#FFE5D4
error-200
#FFC5AA
error-300
#FF9E7F
error-400
#FF7960
error-500
#FF3C2B
error-600
#DB1F1F
error-700
#B71523
error-800
#930D24
error-900
#7A0824

Neutral palette

neutral-0
#F7F7F7
neutral-100
#E6E6E6
neutral-200
#CCCCCC
neutral-300
#B3B3B3
neutral-400
#999999
neutral-500
#808080
neutral-600
#666666
neutral-700
#4D4D4D
neutral-800
#333333
neutral-900
#1A1A1A