Web landing page ui ux colors palette

  • Ultra Red
    #f46782
  • Light Pastel Purple
    #ac94e4
  • Brown Coffee
    #52242a
  • Deep Puce
    #9f5864
  • Dark Vanilla
    #d0c89c
  • Royal Brown
    #56352c
  0.13k
Created at 09/03/2022 10:26
The palette consists of Light, Dark, Semi dark colors. Accent colors Ultra Red #f46782 and Light Pastel Purple #ac94e4. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #52242A (darkest) to #D0C89C (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 47% 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 (5 of 6).

HEX codes (sorted): #52242A, #56352C, #9F5864, #AC94E4, #D0C89C, #F46782

Palette Web landing page ui ux colors palette combines 6 color codes:
HEX: #f46782, RGB: (244, 103, 130); HEX: #ac94e4, RGB: (172, 148, 228); HEX: #52242a, RGB: (82, 36, 42)
HEX: #9f5864, RGB: (159, 88, 100); HEX: #d0c89c, RGB: (208, 200, 156); HEX: #56352c, RGB: (86, 53, 44)
Simplified version of palette colors
Tint of Pale Violet Red, Tint of Medium Purple, Tint of Maroon, Shade of Indian Red, Shade of Pale Goldenrod, Tint of Maroon
Color scheme was created by colorswall

Color codes in palette

Web landing page ui ux colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#f46782#f46782RGB(244, 103, 130)Ultra Red—
#ac94e4#ac94e4RGB(172, 148, 228)Light Pastel Purple—
#52242a#52242aRGB(82, 36, 42)Brown Coffee—
#9f5864#9f5864RGB(159, 88, 100)Deep Puce—
#d0c89c#d0c89cRGB(208, 200, 156)Dark Vanilla—
#56352c#56352cRGB(86, 53, 44)Royal Brown—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#f46782
#ac94e4
1.14
#f46782
#9f5864
1.75
#f46782
#d0c89c
1.74
#ac94e4
#d0c89c
1.53
#52242a
#56352c
1.18

Image palette Web landing page ui ux colors palette png