Generate Palette
  1. Colors palettes
  2. Web3 Smart Contract UI Kit
Created at 06/27/2025 17:31
bycolorstudio
  16

Web3 Smart Contract UI Kit

  • Token Blue
    #3b82f6
  • Wallet Graphite
    #1e1e1e
  • Mint Cream
    #fdf6ec
  • Address Lilac
    #a78bfa
  • Transfer Yellow
    #fde047
  • Chain Slate
    #475569
  • Gas Pink
    #f9a8d4
The palette consists of Light, Dark, Semi dark colors. Accent colors Address Lilac #a78bfa and Transfer Yellow #fde047. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #1E1E1E (darkest) to #FDF6EC (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #1E1E1E, #3B82F6, #475569, #A78BFA, #F9A8D4, #FDE047, #FDF6EC

Palette Web3 Smart Contract UI Kit has combination of 7 codes colors:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #fdf6ec, RGB: (253, 246, 236)
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #fde047, RGB: (253, 224, 71); HEX: #475569, RGB: (71, 85, 105)
HEX: #f9a8d4, RGB: (249, 168, 212)
Simplified version of palette colors
Tint of dodgerblue, Shade of Black, Tint of floralwhite, Shade of mediumpurple, Shade of gold, Shade of darkslateblue, Shade of plum
Color scheme was created by colorstudio

Colors codes in palette

Web3 Smart Contract UI Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3b82f6 #3b82f6 RGB(59, 130, 246)Token Blue—
#1e1e1e #1e1e1e RGB(30, 30, 30)Wallet Graphite—
#fdf6ec #fdf6ec RGB(253, 246, 236)Mint Cream—
#a78bfa #a78bfa RGB(167, 139, 250)Address Lilac—
#fde047 #fde047 RGB(253, 224, 71)Transfer Yellow—
#475569 #475569 RGB(71, 85, 105)Chain Slate—
#f9a8d4 #f9a8d4 RGB(249, 168, 212)Gas Pink—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3b82f6
#a78bfa
1.35
#fdf6ec
#fde047
1.22
#fdf6ec
#f9a8d4
1.69
#a78bfa
#f9a8d4
1.5
#fde047
#f9a8d4
1.37

Image palette Web3 Smart Contract UI Kit png

Web3 Smart Contract UI Kit - #553147
 Download image