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
Created at 09/02/2022 14:23
The palette consists of Light, Semi dark colors. Accent colors Orange-Yellow (Crayola) #f8d46a and Middle Blue Purple #8661b1. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #544237 (darkest) to #F8D46A (lightest). The lightness range is moderate.
Saturation is mixed — 2 muted and 3 vivid out of 6 colors.
A varied palette: its hues are spread across about 137° of the color wheel.
Overall temperature among swatches leans warm (5 of 6).
HEX codes (sorted): #544237, #8661B1, #A04C24, #CEBEAE, #E16629, #F8D46A
Palette Homepage website design product mockup palette combines 6 color codes:
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
Tint of Chocolate, Tint of Gold, Shade of Sienna, Shade of Medium Purple, Tint of Tan, Shade of Dim Gray
Color scheme was created by colorswall
Color 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: