Created at 09/02/2022 14:23
Homepage website design product mockup palette
- Vivid Red-Tangelo#e16629
- Orange-Yellow (Crayola)#f8d46a
- Chestnut#a04c24
- Middle Blue Purple#8661b1
- Dark Vanilla#cebeae
- Liver Chestnut (Horses)#544237
The palette consists of Light, Semi dark colors. Accent colors Orange-Yellow (Crayola) #f8d46a and Middle Blue Purple #8661b1. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #544237 (darkest) to #CEBEAE (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Hues are spread broadly around the wheel — a varied palette (loose heuristic).
Overall temperature among swatches leans warm.
HEX codes (sorted): #544237, #8661B1, #A04C24, #CEBEAE, #E16629, #F8D46A
Palette Homepage website design product mockup palette has combination of 6 codes colors:
HEX: #e16629, RGB: (225, 102, 41); HEX: #f8d46a, RGB: (248, 212, 106); HEX: #a04c24, RGB: (160, 76, 36)
HEX: #8661b1, RGB: (134, 97, 177); HEX: #cebeae, RGB: (206, 190, 174); HEX: #544237, RGB: (84, 66, 55)
Simplified version of palette colors
Shade of chocolate, Shade of gold, Tint of sienna, Tint of mediumpurple, Shade of tan, Tint of dimgrey
Color scheme was created by colorswall
Colors codes in palette
Homepage website design product mockup palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e16629 | #e16629 | RGB(225, 102, 41) | Vivid Red-Tangelo | — |
| #f8d46a | #f8d46a | RGB(248, 212, 106) | Orange-Yellow (Crayola) | — |
| #a04c24 | #a04c24 | RGB(160, 76, 36) | Chestnut | — |
| #8661b1 | #8661b1 | RGB(134, 97, 177) | Middle Blue Purple | — |
| #cebeae | #cebeae | RGB(206, 190, 174) | Dark Vanilla | — |
| #544237 | #544237 | RGB(84, 66, 55) | Liver Chestnut (Horses) | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e16629 | #a04c24 | 1.72 |
#e16629 | #8661b1 | 1.4 |
#e16629 | #cebeae | 1.89 |
#f8d46a | #cebeae | 1.25 |
#a04c24 | #8661b1 | 1.22 |
#a04c24 | #544237 | 1.6 |
Image palette Homepage website design product mockup palette png
Export Palette
Download the "Homepage website design product mockup palette" in multiple formats for seamless integration into your design projects.
Available formats: