Generate Palette
  1. Colors palettes
  2. Web page ui ux website design landing colors
Created at 09/21/2022 17:53
bycolorswall
  0.12k

Web page ui ux website design landing colors

  • Dark Tangerine
    #f5a414
  • French Lime
    #a4fa48
  • Dirty Brown
    #a66728
  • Plump Purple
    #6449a8
  • Alabaster
    #edece1
  • Dark Purple
    #36233c
The palette consists of Light, Semi dark, Dark colors. Accent colors French Lime #a4fa48 and Plump Purple #6449a8. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #36233C (darkest) to #EDECE1 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #36233C, #6449A8, #A4FA48, #A66728, #EDECE1, #F5A414

Palette Web page ui ux website design landing colors has combination of 6 codes colors:
HEX: #f5a414, RGB: (245, 164, 20); HEX: #a4fa48, RGB: (164, 250, 72); HEX: #a66728, RGB: (166, 103, 40)
HEX: #6449a8, RGB: (100, 73, 168); HEX: #edece1, RGB: (237, 236, 225); HEX: #36233c, RGB: (54, 35, 60)
Simplified version of palette colors
Tint of Orange, Tint of greenyellow, Shade of sienna, Shade of darkslateblue, Tint of floralwhite, Shade of midnightblue
Color scheme was created by colorswall

Colors codes in palette

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

Color HEX RGB Name Alternative name
#f5a414 #f5a414 RGB(245, 164, 20)Dark Tangerine—
#a4fa48 #a4fa48 RGB(164, 250, 72)French Lime—
#a66728 #a66728 RGB(166, 103, 40)Dirty Brown—
#6449a8 #6449a8 RGB(100, 73, 168)Plump Purple—
#edece1 #edece1 RGB(237, 236, 225)Alabaster—
#36233c #36233c RGB(54, 35, 60)Dark Purple—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f5a414
#a4fa48
1.6
#f5a414
#edece1
1.73
#a4fa48
#edece1
1.08
#a66728
#6449a8
1.5

Image palette Web page ui ux website design landing colors png

Web page ui ux website design landing colors - #205223
 Download image