Colors
The color scheme is intentionally kept simple. Generally, there are 10 neutral shades that are used for the majority of elements, and 5 colors used for highlights. Minor variations have been added for specific purposes like interactive states and unique components.
The scheme has two variations, for dark and light modes.
Primary & accents
Orange is the primary color used to indicate interactive elements. Orange light 1 & 2 are used for interaction states (hover, press). The other colors are used more freely.
-
Orange
#F7931A
#F7931A
-
Orange light 1
#FFAD4A
#FFBF72
-
Orange light 2
#FFAD4A
#FFBF72
-
Red
#F7931A
#F7931A
-
Green
#F7931A
#F7931A
-
Blue
#F7931A
#F7931A
-
Purple
#F7931A
#F7931A
Neutrals
-
Neutral 9
#000000
#FFFFFF
-
Neutral 8
#404040
#B0B0B0
-
Neutral 7
#777777
#949494
-
Neutral 6
#999999
#787878
-
Neutral 5
#BBBBBB
#5C5C5C
-
Neutral 4
#DEDEDE
#444444
-
Neutral 3
#EDEDED
#2D2D2D
-
Neutral 2
#F4F4F4
#1A1A1A
-
Neutral 1
#F8F8F8
#A1A1A1
-
Neutral 0
#FFFFFF
#000000
Confirmations
These are used in the block clock and may potentially be used in future UI additions to represent the number of confirmations a block or transaction has.
-
Confirmations 1
#FF1C1C
#FF1C1C
-
Confirmations 2
#ED6E46
#ED6E46
-
Confirmations 3
#EE8847
#EE8847
-
Confirmations 4
#EFA148
#EFA148
-
Confirmations 5
#F0BB49
#F0BB49
-
Confirmations 6
#F1D54A
#F1D54A