Brand Design
01 Colour Palette
1.1 Brand Colors
Brand Primary
$amui-brand-primary
RGB 16 147 211
HEX #1093D3
Brand Secondary
$amui-brand-secondary
RGB 51 70 89
HEX #334659
Brand Tertiary
$amui-brand-tertiary
RGB 62 193 85
HEX #3EC155
1.2 Basic Colors
Body
$amui-color-body
RGB 238 238 238
HEX #EEEEEE
Body text default
$amui-color-text
RGB 10 10 10
HEX #0A0A0A
1.3 Highlight & Active Colors
Active color
$amui-color-active
RGB 15 129 186
HEX #0F81BA
Hightlight color
$amui-color-highlight
RGB 255 243 217
HEX #FFF3D9
1.4 States Colors
Success
$amui-color-success
RGB 225 250 234
HEX #E1FAEA
Warning
$amui-color-warning
RGB 255 230 202
HEX #FFE6CA
Danger
$amui-color-danger
RGB 247 228 225
HEX #F7E4E1
Success text
$amui-color-success-text
RGB 89 193 118
HEX #59C176
Warning text
$amui-color-warning-text
RGB 253 151 39
HEX #FD9727
Danger text
$amui-color-danger-text
RGB 229 77 66
HEX #E54D42
1.5 Blacks & Greys Colors
Black
$amui-color-black
RGB 0 0 0
HEX #000000
Gray 900
$amui-color-gray-900
RGB 74 74 74
HEX #4A4A4A
Gray 800
$amui-color-gray-800
RGB 85 85 85
HEX #555555
Gray 700
$amui-color-gray-700
RGB 119 119 119
HEX #777777
Gray 600
$amui-color-gray-600
RGB 138 138 138
HEX #8A8A8A
Gray 500
$amui-color-gray-500
RGB 164 164 164
HEX #A4A4A4
Gray 400
$amui-color-gray-400
RGB 202 202 202
HEX #CACACA
Gray 300
$amui-color-gray-300
RGB 221 221 221
HEX #DDDDDD
Gray 200
$amui-color-gray-200
RGB 230 230 230
HEX #E6E6E6
Gray 100
$amui-color-gray-100
RGB 245 245 245
HEX #F5F5F5
Smoke
$amui-color-smoke
RGB 250 250 250
HEX #FAFAFA
White
$amui-color-white
RGB 255 255 255
HEX #FFFFFF
1.6 Labels Colors
Label filter 1
$amui-label-filter-1
RGB 201 73 87
HEX #C5E5F6
Label filter 2
$amui-label-filter-2
RGB 230 73 87
HEX #C5CDF6
Label filter 3
$amui-label-filter-3
RGB 263 73 87
HEX #D8C5F6
Label filter 4
$amui-label-filter-4
RGB 291 73 87
HEX #EFC5F6
Label filter 5
$amui-label-filter-5
RGB 321 73 87
HEX #F6C5E5
Label filter 6
$amui-label-filter-6
RGB 350 73 87
HEX #F6C5CD
Label filter 7
$amui-label-filter-7
RGB 23 73 87
HEX #F6D8C5
Label filter 8
$amui-label-filter-8
RGB 51 73 87
HEX #F6EFC5
Label filter 9
$amui-label-filter-9
RGB 81 73 87
HEX #E5F6C5
Label filter 10
$amui-label-filter-10
RGB 110 73 87
HEX #CDF6C5
Label filter 1 text
$amui-label-filter-1-text
RGB 201 73 30
HEX #155E84
Label filter 2 text
$amui-label-filter-2-text
RGB 230 73 35
HEX #182D9B
Label filter 3 text
$amui-label-filter-3-text
RGB 263 73 45
HEX #601FC7
Label filter 4 text
$amui-label-filter-4-text
RGB 291 73 87
HEX #88189B
Label filter 5 text
$amui-label-filter-5-text
RGB 321 73 35
HEX #9B186D
Label filter 6 text
$amui-label-filter-6-text
RGB 350 74 40
HEX #B11B34
Label filter 7 text
$amui-label-filter-7-text
RGB 23 73 35
HEX #9B4B18
Label filter 8 text
$amui-label-filter-8-text
RGB 52 73 25
HEX #6E6111
Label filter 9 text
$amui-label-filter-9-text
RGB 81 73 25
HEX #4E6E11
Label filter 10 text
$amui-label-filter-10-text
RGB 110 73 25
HEX #206E11