Generate Palette
  1. Colors palettes
  2. Ui design landing page
Created at 07/28/2022 08:34
bycolorswall
  0.15k

Ui design landing page

  • Amaranth Red
    #d42a2a
  • Mauvelous
    #eea9a9
  • Persian Plum
    #6e1515
  • AuroMetalSaurus
    #738584
  • Crystal
    #acd6d4
  • Dark Charcoal
    #323434
The palette consists of Light, Dark colors. Accent colors Persian Plum #6e1515 and Crystal #acd6d4. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #323434 (darkest) to #EEA9A9 (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): #323434, #6E1515, #738584, #ACD6D4, #D42A2A, #EEA9A9

Palette Ui design landing page has combination of 6 codes colors:
HEX: #d42a2a, RGB: (212, 42, 42); HEX: #eea9a9, RGB: (238, 169, 169); HEX: #6e1515, RGB: (110, 21, 21)
HEX: #738584, RGB: (115, 133, 132); HEX: #acd6d4, RGB: (172, 214, 212); HEX: #323434, RGB: (50, 52, 52)
Simplified version of palette colors
Shade of crimson, Tint of lightpink, Shade of Maroon, Tint of Grey, Tint of powderblue, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Ui design landing page color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d42a2a #d42a2a RGB(212, 42, 42)Amaranth Red—
#eea9a9 #eea9a9 RGB(238, 169, 169)Mauvelous—
#6e1515 #6e1515 RGB(110, 21, 21)Persian Plum—
#738584 #738584 RGB(115, 133, 132)AuroMetalSaurus—
#acd6d4 #acd6d4 RGB(172, 214, 212)Crystal—
#323434 #323434 RGB(50, 52, 52)Dark Charcoal—

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d42a2a
#738584
1.3
#eea9a9
#acd6d4
1.22
#6e1515
#323434
1.06

Image palette Ui design landing page png

Ui design landing page - #197573
 Download image