Created at 06/28/2025 20:36
Decentralized Finance UX Kit
- Token Gold#facc15
- Wallet Graphite#1e1e1e
- Yield Mint#22c55e
- Trade Coral#fb7185
- SmartContract Indigo#4f46e5
- Balance Fog#e5e7eb
- Exchange Cream#fff9ec
The palette consists of Light, Dark, Semi dark colors. Accent colors SmartContract Indigo #4f46e5 and Exchange Cream #fff9ec. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #1E1E1E (darkest) to #FFF9EC (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).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #1E1E1E, #22C55E, #4F46E5, #E5E7EB, #FACC15, #FB7185, #FFF9EC
Palette Decentralized Finance UX Kit has combination of 7 codes colors:
HEX: #facc15, RGB: (250, 204, 21); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #22c55e, RGB: (34, 197, 94)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #4f46e5, RGB: (79, 70, 229); HEX: #e5e7eb, RGB: (229, 231, 235)
HEX: #fff9ec, RGB: (255, 249, 236)
Simplified version of palette colors
Tint of gold, Shade of Black, Tint of limegreen, Tint of lightcoral, Tint of slateblue, Shade of gainsboro, Shade of oldlace
Color scheme was created by hex
Colors codes in palette
Decentralized Finance UX Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #facc15 | #facc15 | RGB(250, 204, 21) | Token Gold | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Wallet Graphite | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Yield Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Trade Coral | — |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | SmartContract Indigo | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Balance Fog | — |
| #fff9ec | #fff9ec | RGB(255, 249, 236) | Exchange Cream | Day Lily |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#facc15 | #22c55e | 1.48 |
#facc15 | #fb7185 | 1.75 |
#facc15 | #e5e7eb | 1.23 |
#facc15 | #fff9ec | 1.45 |
#22c55e | #fb7185 | 1.18 |
#22c55e | #e5e7eb | 1.84 |
Image palette Decentralized Finance UX Kit png
Export Palette
Download the "Decentralized Finance UX Kit" in multiple formats for seamless integration into your design projects.
Available formats: