UI Component Library Spectrum
- Button Blue#2962ff
- Input Field Gray#b0bec5
- Tooltip Yellow#ffd54f
- Modal Backdrop Black#212121
- Success Green#4caf50
- Error Red#f44336
- Disabled Light Gray#cfd8dc
Created at 06/10/2025 09:47
The palette consists of Semi dark, Light, Dark colors. Accent colors Button Blue #2962ff and Tooltip Yellow #ffd54f. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #212121 (darkest) to #FFD54F (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 3 vivid out of 7 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (4 of 7).
HEX codes (sorted): #212121, #2962FF, #4CAF50, #B0BEC5, #CFD8DC, #F44336, #FFD54F
Palette UI Component Library Spectrum combines 7 color codes:
HEX: #2962ff, RGB: (41, 98, 255); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ffd54f, RGB: (255, 213, 79)
HEX: #212121, RGB: (33, 33, 33); HEX: #4caf50, RGB: (76, 175, 80); HEX: #f44336, RGB: (244, 67, 54)
HEX: #cfd8dc, RGB: (207, 216, 220)
Simplified version of palette colors
Shade of Royal Blue, Shade of Silver, Tint of Gold, Tint of Black, Shade of Medium Sea Green, Shade of Tomato, Tint of Light Gray
Color scheme was created by colorscheme
Color codes in palette
UI Component Library Spectrum color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #2962ff | #2962ff | RGB(41, 98, 255) | Button Blue | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Input Field Gray | Ocean Drive |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | Tooltip Yellow | — |
| #212121 | #212121 | RGB(33, 33, 33) | Modal Backdrop Black | Lead |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Success Green | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Error Red | — |
| #cfd8dc | #cfd8dc | RGB(207, 216, 220) | Disabled Light Gray | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#2962ff | #4caf50 | 1.76 |
#2962ff | #f44336 | 1.33 |
#b0bec5 | #ffd54f | 1.35 |
#b0bec5 | #4caf50 | 1.45 |
#b0bec5 | #f44336 | 1.93 |
#b0bec5 | #cfd8dc | 1.31 |
Image palette UI Component Library Spectrum png
Export Palette
Download the "UI Component Library Spectrum" in multiple formats for seamless integration into your design projects.
Available formats: