Created at 03/09/2020 10:06
Hover website design call to action colors palette
- #f8b350
- #fc7dde
- #7f4d05
- #7f7f7b
- #e5ddd2
- #656561
The palette consists of Light, Semi dark colors. Accent colors #fc7dde and #7f4d05. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #7F4D05 (darkest) to #E5DDD2 (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Hues sit in a neighboring band on the wheel (loose heuristic).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #656561, #7F4D05, #7F7F7B, #E5DDD2, #F8B350, #FC7DDE
Palette Hover website design call to action colors palette has combination of 6 codes colors:
HEX: #f8b350, RGB: (248, 179, 80); HEX: #fc7dde, RGB: (252, 125, 222); HEX: #7f4d05, RGB: (127, 77, 5)
HEX: #7f7f7b, RGB: (127, 127, 123); HEX: #e5ddd2, RGB: (229, 221, 210); HEX: #656561, RGB: (101, 101, 97)
Simplified version of palette colors
Shade of Orange, Tint of violet, Tint of saddlebrown, Tint of Grey, Tint of linen, Tint of dimgrey
Color scheme was created by colorswall
Colors codes in palette
Hover website design call to action colors palette color codes HEX, RGB information in table
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f8b350 | #fc7dde | 1.26 |
#f8b350 | #e5ddd2 | 1.35 |
#fc7dde | #7f7f7b | 1.74 |
#fc7dde | #e5ddd2 | 1.7 |
#7f4d05 | #7f7f7b | 1.76 |
#7f4d05 | #656561 | 1.2 |
Image palette Hover website design call to action colors palette png
Export Palette
Download the "Hover website design call to action colors palette" in multiple formats for seamless integration into your design projects.
Available formats:
