Loading...
Created at 06/12/2025 06:25
Decentralized UI Builder Kit
- SmartContract Indigo#4f46e5
- Node Mint#4ade80
- Portal White#f9fafb
- Sync Coral#fb7185
- Blockchain Gray#6b7280
- Wallet Blue#3b82f6
- Gas Gold#facc15
The palette consists of Semi dark, Light colors. Accent colors Wallet Blue #3b82f6 and Gas Gold #facc15. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #6B7280 (darkest) to #F9FAFB (lightest). The lightness range is moderate.
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): #3B82F6, #4ADE80, #4F46E5, #6B7280, #F9FAFB, #FACC15, #FB7185
Palette Decentralized UI Builder Kit has combination of 7 codes colors:
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #4ade80, RGB: (74, 222, 128); HEX: #f9fafb, RGB: (249, 250, 251)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #6b7280, RGB: (107, 114, 128); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #facc15, RGB: (250, 204, 21)
Simplified version of palette colors
Tint of slateblue, Shade of mediumspringgreen, Shade of whitesmoke, Tint of lightcoral, Tint of slategrey, Tint of dodgerblue, Tint of gold
Color scheme was created by colorstudio
Colors codes in palette
Decentralized UI Builder Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | SmartContract Indigo | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Node Mint | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Portal White | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Sync Coral | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Blockchain Gray | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Wallet Blue | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Gas Gold | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#4f46e5 | #6b7280 | 1.3 |
#4f46e5 | #3b82f6 | 1.7 |
#4ade80 | #f9fafb | 1.66 |
#4ade80 | #fb7185 | 1.54 |
#4ade80 | #facc15 | 1.13 |
#f9fafb | #facc15 | 1.46 |
Image palette Decentralized UI Builder Kit png
Export Palette
Download the "Decentralized UI Builder Kit" in multiple formats for seamless integration into your design projects.
Available formats: