G
Tokens
TypographySpacingColorRadiusShadowMotion
Icons
Icon set
Components
Autocomplete2BadgeButtonCheckboxDropdownGhostInputIconIconButtonIconToggleLinkModalNavPaginationPopoverProgressRadioSelectSliderSpinnerSwitchTabTextTextareaTextButtonTextInputTextToggleToastTooltip
Layouts
ArrangeBoxFlexStack
Foundational
FieldMenuTextboxVariables
Utilities
CardHooksStyle utilities
Patterns
CardsModals
Guides
ResponsiveTheming
Showcase
CompositionsLayoutsLayout examplesPlaygroundTests
#
#fff3f0
#
#ffdad1
#
#ffb6a3
#
#fe8d71
#
#fe6943
#
#fb3d09
#
#d33003
#
#b11602
#
#8d1201
#
#6b0901
#
#4d0100
#
#290002
H
12
12
12
12
12
13
13
7
7
5
1
357
S
100
100
100
99
99
97
97
98
98
99
100
100
L
97
91
82
72
63
51
42
35
28
21
15
8
#
#fff9e6
#
#feeeb4
#
#fae37a
#
#f4da48
#
#e1c914
#
#c2ae19
#
#9f8d1e
#
#8d7f25
#
#766b28
#
#5d5727
#
#37341b
#
#1a190f
H
46
47
49
51
53
53
52
52
52
53
54
55
S
100
97
93
89
84
77
68
58
49
41
34
27
L
95
85
73
62
48
43
37
35
31
26
16
8
#
#f1faeb
#
#dcf2cf
#
#b9e29c
#
#97d468
#
#79bd3d
#
#67a82e
#
#5d9b27
#
#538e1f
#
#417713
#
#336308
#
#1f4002
#
#132900
H
97
97
95
94
92
92
92
92
92
92
92
92
S
58
58
55
56
51
57
60
64
73
85
94
100
L
95
88
75
62
49
42
38
34
27
21
13
8
#
#ebf3ff
#
#cce1ff
#
#a5c8fd
#
#70a3fa
#
#397ef3
#
#0b59ea
#
#094cc8
#
#073eab
#
#06338e
#
#03266d
#
#021a4b
#
#01102d
H
215
215
216
218
218
219
219
220
220
220
220
220
S
100
100
96
93
89
91
91
92
92
95
95
96
L
96
90
82
71
59
48
41
35
29
22
15
9
Bg
Color
Contrast
Danger
0
Danger subtle
0
Danger content
0
Warning
0
Warning subtle
0
Warning content
0
Success
0
Success subtle
0
Success content
0
Info
0
Info subtle
0
Info content
0