Generate Palette
  1. Color Palettes
  2. Web design uiux landing page colors palette

Web design uiux landing page colors palette

  • #3890f4
  • #ecb486
  • #714028
  • #ac646c
  • #abd8ae
  • #7a3a44
  0.28k

Web design uiux landing page colors palette has 6 colors spread across many hues. The lightest color is Dark Sea Green (#ABD8AE), the darkest Saddle Brown (#714028). Its strongest contrast pair is #714028 on #ABD8AE (5.3:1, WCAG AA).

Created at 09/23/2019 08:28
bycolorswall
The palette consists of Light, Semi dark colors. Accent colors #3890f4 and #ecb486. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #714028 (darkest) to #ABD8AE (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 52% across the palette.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans warm (4 of 6).

HEX codes (sorted): #3890F4, #714028, #7A3A44, #ABD8AE, #AC646C, #ECB486

Palette Web design uiux landing page colors palette combines 6 color codes:
HEX: #3890f4, RGB: (56, 144, 244); HEX: #ecb486, RGB: (236, 180, 134); HEX: #714028, RGB: (113, 64, 40)
HEX: #ac646c, RGB: (172, 100, 108); HEX: #abd8ae, RGB: (171, 216, 174); HEX: #7a3a44, RGB: (122, 58, 68)
Simplified version of palette colors
Tint of Dodger Blue, Tint of Burlywood, Shade of Saddle Brown, Shade of Indian Red, Tint of Dark Sea Green, Shade of Brown
Color scheme was created by colorswall

Color codes in palette

Web design uiux landing page colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#3890f4#3890f4RGB(56, 144, 244)——
#ecb486#ecb486RGB(236, 180, 134)——
#714028#714028RGB(113, 64, 40)——
#ac646c#ac646cRGB(172, 100, 108)——
#abd8ae#abd8aeRGB(171, 216, 174)——
#7a3a44#7a3a44RGB(122, 58, 68)——

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#3890f4
#ecb486
1.76
#3890f4
#ac646c
1.34
#ecb486
#abd8ae
1.15
#714028
#ac646c
1.94
#714028
#7a3a44
1.02
#ac646c
#7a3a44
1.9

Image palette Web design uiux landing page colors palette png

Web design uiux landing page colors palette: #3890f4, #ecb486, #714028, #ac646c, #abd8ae, #7a3a44
 Download image