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.

  1. Orange

    #F7931A

    #F7931A

  2. Orange light 1

    #FFAD4A

    #FFBF72

  3. Orange light 2

    #FFAD4A

    #FFBF72

  4. Red

    #F7931A

    #F7931A

  5. Green

    #F7931A

    #F7931A

  6. Blue

    #F7931A

    #F7931A

  7. Purple

    #F7931A

    #F7931A

Neutrals

  1. Neutral 9

    #000000

    #FFFFFF

  2. Neutral 8

    #404040

    #B0B0B0

  3. Neutral 7

    #777777

    #949494

  4. Neutral 6

    #999999

    #787878

  5. Neutral 5

    #BBBBBB

    #5C5C5C

  6. Neutral 4

    #DEDEDE

    #444444

  7. Neutral 3

    #EDEDED

    #2D2D2D

  8. Neutral 2

    #F4F4F4

    #1A1A1A

  9. Neutral 1

    #F8F8F8

    #A1A1A1

  10. 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.

  1. Confirmations 1

    #FF1C1C

    #FF1C1C

  2. Confirmations 2

    #ED6E46

    #ED6E46

  3. Confirmations 3

    #EE8847

    #EE8847

  4. Confirmations 4

    #EFA148

    #EFA148

  5. Confirmations 5

    #F0BB49

    #F0BB49

  6. Confirmations 6

    #F1D54A

    #F1D54A