Generate Palette
  1. Colors palettes
  2. Homepage landing web page uiux colours
Created at 04/24/2023 15:10
byraccoon
  56

Homepage landing web page uiux colours

  • Black
    #141414
  • White
    #ffffff
  • Royal Purple
    #7850a0
  • Black
    #000000
  • Royal Purple
    #7850b4
  • Amazon
    #3c7864
The palette consists of Dark, Light, Semi dark colors. Accent colors Royal Purple #7850b4 and Amazon #3c7864. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #000000 (darkest) to #FFFFFF (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #000000, #141414, #3C7864, #7850A0, #7850B4, #FFFFFF

Palette Homepage landing web page uiux colours has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #7850a0, RGB: (120, 80, 160)
HEX: #000000, RGB: (0, 0, 0); HEX: #7850b4, RGB: (120, 80, 180); HEX: #3c7864, RGB: (60, 120, 100)
Simplified version of palette colors
Shade of Black, White, Tint of slateblue, Black, Tint of slateblue, Shade of Teal
Color scheme was created by raccoon

Colors codes in palette

Homepage landing web page uiux colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#141414 #141414 RGB(20, 20, 20)BlackSooty
#ffffff #ffffff RGB(255, 255, 255)White—
#7850a0 #7850a0 RGB(120, 80, 160)Royal Purple—
#000000 #000000 RGB(0, 0, 0)Black—
#7850b4 #7850b4 RGB(120, 80, 180)Royal Purple—
#3c7864 #3c7864 RGB(60, 120, 100)Amazon—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#141414
#000000
1.13
#7850a0
#7850b4
1.04
#7850a0
#3c7864
1.17
#7850b4
#3c7864
1.12

Image palette Homepage landing web page uiux colours png

Homepage landing web page uiux colours - #255268
 Download image