Created at 06/27/2025 17:31
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.
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 |
