Generate Palette
  1. Colors palettes
  2. Ui ux landing page palette
Created at 03/09/2022 12:02
bycolorswall
  0.23k

Ui ux landing page palette

  • Gold (Metallic)
    #d4a748
  • Magic Mint
    #b3f1da
  • Jelly Bean Blue
    #447a90
  • Giant's Club
    #ae634e
  • Dark Vanilla
    #cec99e
  • Dark Slate Gray
    #345a4c
The palette consists of Light, Semi dark colors. Accent colors Magic Mint #b3f1da and Giant's Club #ae634e. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #345A4C (darkest) to #B3F1DA (lightest). The lightness range is moderate.

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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #345A4C, #447A90, #AE634E, #B3F1DA, #CEC99E, #D4A748

Palette Ui ux landing page palette has combination of 6 codes colors:
HEX: #d4a748, RGB: (212, 167, 72); HEX: #b3f1da, RGB: (179, 241, 218); HEX: #447a90, RGB: (68, 122, 144)
HEX: #ae634e, RGB: (174, 99, 78); HEX: #cec99e, RGB: (206, 201, 158); HEX: #345a4c, RGB: (52, 90, 76)
Simplified version of palette colors
Shade of goldenrod, Shade of paleturquoise, Tint of steelblue, Shade of sienna, Tint of palegoldenrod, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Ui ux landing page palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d4a748 #d4a748 RGB(212, 167, 72)Gold (Metallic)—
#b3f1da #b3f1da RGB(179, 241, 218)Magic Mint—
#447a90 #447a90 RGB(68, 122, 144)Jelly Bean Blue—
#ae634e #ae634e RGB(174, 99, 78)Giant's Club—
#cec99e #cec99e RGB(206, 201, 158)Dark Vanilla—
#345a4c #345a4c RGB(52, 90, 76)Dark Slate Gray—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d4a748
#b3f1da
1.75
#d4a748
#cec99e
1.32
#b3f1da
#cec99e
1.32
#447a90
#ae634e
1.05
#447a90
#345a4c
1.63
#ae634e
#345a4c
1.73

Image palette Ui ux landing page palette png

Ui ux landing page palette - #185286
 Download image