Website design home page ui ux web

  • Apple
    #68ca3f
  • Bright Lavender
    #ae90e8
  • Mughal Green
    #32671c
  • Deep Puce
    #a56266
  • Desert Sand
    #ded0b7
  • Jacarta
    #442e51
  0.18k

Website design home page ui ux web has 6 colors spread across many hues. The lightest color is Desert Sand (#DED0B7), the darkest Jacarta (#442E51). Its strongest contrast pair is #442E51 on #DED0B7 (7.8:1, WCAG AAA).

Created at 08/25/2022 15:29
The palette consists of Light, Semi dark colors. Accent colors Bright Lavender #ae90e8 and Mughal Green #32671c. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #442E51 (darkest) to #DED0B7 (lightest). The lightness range is moderate.

Saturation is mixed — 2 muted and 3 vivid out of 6 colors.

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

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

HEX codes (sorted): #32671C, #442E51, #68CA3F, #A56266, #AE90E8, #DED0B7

Palette Website design home page ui ux web combines 6 color codes:
HEX: #68ca3f, RGB: (104, 202, 63); HEX: #ae90e8, RGB: (174, 144, 232); HEX: #32671c, RGB: (50, 103, 28)
HEX: #a56266, RGB: (165, 98, 102); HEX: #ded0b7, RGB: (222, 208, 183); HEX: #442e51, RGB: (68, 46, 81)
Simplified version of palette colors
Tint of Lime Green, Tint of Medium Purple, Tint of Dark Green, Shade of Indian Red, Shade of Wheat, Shade of Dark Slate Blue
Color scheme was created by colorswall

Color codes in palette

Website design home page ui ux web color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#68ca3f#68ca3fRGB(104, 202, 63)Apple—
#ae90e8#ae90e8RGB(174, 144, 232)Bright Lavender—
#32671c#32671cRGB(50, 103, 28)Mughal Green—
#a56266#a56266RGB(165, 98, 102)Deep Puce—
#ded0b7#ded0b7RGB(222, 208, 183)Desert Sand—
#442e51#442e51RGB(68, 46, 81)Jacarta—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#68ca3f
#ae90e8
1.27
#68ca3f
#ded0b7
1.36
#ae90e8
#a56266
1.75
#ae90e8
#ded0b7
1.73
#32671c
#a56266
1.46
#32671c
#442e51
1.76

Image palette Website design home page ui ux web png