Colored
Color System
Colored
Theme
48PX
Between
Rows
Text Color
HEX
790BD4
HEX
A442F5
Text Color
HEX
7ED47E
HEX
94E894
Text Color
HEX
FD8B7F
HEX
FEAFA7
36PX
Between
Frames
Frame
Light Theme
Dark Theme
Top
Mid
Down
Frame
Top
HEX
A442F5
Frame
Mid
HEX
790BD4
Frame
Down
HEX
520790
Top
Mid
Down
Frame
Top
HEX
A442F5
Frame
Mid
HEX
790BD4
Frame
Down
HEX
520790
Frame
Light Theme
Dark Theme
Top
Mid
Down
Frame
Top
HEX
BEF1BE
Frame
Mid
HEX
94E894
Frame
Down
HEX
6EB86E
Top
Mid
Down
Frame
Top
HEX
BEF1BE
Frame
Mid
HEX
94E894
Frame
Down
HEX
6EB86E
Frame
Light Theme
Dark Theme
Top
Mid
Down
Frame
Top
HEX
FECAC5
Frame
Mid
HEX
FD8B7F
Frame
Down
HEX
AB5E56
Top
Mid
Down
Frame
Top
HEX
FECAC5
Frame
Mid
HEX
FD8B7F
Frame
Down
HEX
AB5E56
36PX
Between
Frames
Layers
On Frame
Primary
Light Theme
Dark Theme
High
Mid
Low
Layer
Top
HEX
FFFFFF
Layer
Mid
HEX
D7ABFB
Layer
Low
HEX
520790
high
Mid
low
Layer
Top
HEX
FFFFFF
Layer
Mid
HEX
D7ABFB
Layer
Low
HEX
520790
Layers
On Frame
Secondary
Light Theme
Dark Theme
High
Mid
Low
Layer
Top
HEX
FFFFFF
Layer
Mid
HEX
6EB86E
Layer
Low
HEX
High
Mid
low
Layer
Top
HEX
FFFFFF
Layer
Mid
HEX
6EB86E
Layer
Low
HEX
477847
Layers
On Frame
Tertiary
Light Theme
Dark Theme
High
Mid
low
Layer
Top
HEX
FFFFFF
Layer
Mid
HEX
FECAC5
Layer
Low
HEX
AB5E56
high
Mid
low
Layer
Top
HEX
FFFFFF
Layer
Mid
HEX
FECAC5
Layer
Low
HEX
AB5E56
36PX
Between
Frames
Frame
Tonal
Light Theme
Dark Theme
Tonal
Frame
HEX
F3E6FE
Tonal
Tonal
HEX
24033F
Layers
On Frame
Tonal
Light Theme
Dark Theme
Layer
on tonal
HEX
790BD4
Layer
on tonal
HEX
A442F5
Frame
Tonal
Light Theme
Dark Theme
Tonal
Frame
HEX
D5F6D5
Tonal
Frame
HEX
1F331F
Layers
On Frame
Tonal
Light Theme
Dark Theme
Layer
on tonal
HEX
6EB86E
Layer
on tonal
HEX
94E894
Frame
Tonal
Light Theme
Dark Theme
Tonal
Frame
HEX
FFE9E7
Tonal
Frame
HEX
291715
Layers
On Frame
Tonal
Light Theme
Dark Theme
Layer
on tonal
HEX
AB5E56
Layer
on tonal
HEX
FECAC5
36PX
Between
Frames
Blend
On Frame
Light Theme
Dark Theme
Color DOdge
Layer
Blend
HEX
A442F5
Color Dodge
Layer
Blend
HEX
A442F5
Blend
On Frame
Light Theme
Dark Theme
Difference
Layer
High Contrast
HEX
A442F5
Difference
Layer
Blend
HEX
A442F5
Blend
On Frame
Light Theme
Dark Theme
Color Dodge
Layer
Blend
HEX
5B995B
Color Dodge
Layer
Blend
HEX
5B995B
36PX
Between
Frames
Layers
On Frame
Neutral
Light Theme
Dark Theme
High
Mid
low
Layer
High
HEX
A442F5
Layer
Mid
HEX
790BD4
Layer
low
HEX
520790
High
Mid
low
Layer
High
HEX
C07DF8
Layer
Mid
HEX
A442F5
Layer
low
HEX
790BD4
Layers
On Frame
Neutral
Light Theme
Dark Theme
High
Mid
low
Layer
High
HEX
94E894
Layer
Mid
HEX
6EB86E
Layer
low
HEX
5B995B
High
Mid
low
Layer
High
HEX
BEF1BE
Layer
Mid
HEX
94E894
Layer
low
HEX
6EB86E
Layers
On Frame
Neutral
Light Theme
Dark Theme
High
Mid
low
Layer
High
HEX
FEAFA7
Layer
Mid
HEX
FD8B7F
Layer
low
HEX
AB5E56
High
Mid
low
Layer
High
HEX
FEAFA7
Layer
Mid
HEX
FD8B7F
Layer
low
HEX
AB5E56
36PX
Between
Frames