Created at 08/11/2025 08:45
Responsive E-Commerce Panel
- Product Blue#1e88e5
- Sale Red#e63946
- Discount Yellow#ffd166
- Cart Mint#66cdaa
- Stock Gray#9e9e9e
- Background White#ffffff
- Footer Black#1a1a1a
The palette consists of Light, Semi dark, Dark colors. Accent colors Product Blue #1e88e5 and Discount Yellow #ffd166. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1A1A1A (darkest) to #FFFFFF (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
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): #1A1A1A, #1E88E5, #66CDAA, #9E9E9E, #E63946, #FFD166, #FFFFFF
Palette Responsive E-Commerce Panel has combination of 7 codes colors:
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #e63946, RGB: (230, 57, 70); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #66cdaa, RGB: (102, 205, 170); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #1a1a1a, RGB: (26, 26, 26)
Simplified version of palette colors
Tint of dodgerblue, Shade of crimson, Shade of gold, mediumaquamarine, Tint of darkgrey, White, Shade of Black
Color scheme was created by colorday
Colors codes in palette
Responsive E-Commerce Panel color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Product Blue | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Sale Red | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Discount Yellow | — |
| #66cdaa | #66cdaa | RGB(102, 205, 170) | Cart Mint | Aquarium Blue |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Stock Gray | Gray62 |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Footer Black | Gray10 |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#1e88e5 | #e63946 | 1.13 |
#1e88e5 | #66cdaa | 1.9 |
#1e88e5 | #9e9e9e | 1.37 |
#e63946 | #9e9e9e | 1.55 |
#ffd166 | #66cdaa | 1.33 |
#ffd166 | #9e9e9e | 1.85 |
Image palette Responsive E-Commerce Panel png
Export Palette
Download the "Responsive E-Commerce Panel" in multiple formats for seamless integration into your design projects.
Available formats: