Generate Palette
  1. Colors palettes
  2. Design landing ux
Created at 11/03/2019 16:52
bycolorswall
  0.19k

Design landing ux

#ec6f26
#f4ba9b
#a83117
#6bb5a1
#dfcbbe
#3b6465
The palette consists of Light, Semi dark colors. Accent colors #ec6f26 and #6bb5a1. Palette has Warm, Cool, Neutral colors temperature.
Palette Design landing ux has combination of 6 codes colors:
HEX: #ec6f26, RGB: (236, 111, 38); HEX: #f4ba9b, RGB: (244, 186, 155); HEX: #a83117, RGB: (168, 49, 23)
HEX: #6bb5a1, RGB: (107, 181, 161); HEX: #dfcbbe, RGB: (223, 203, 190); HEX: #3b6465, RGB: (59, 100, 101)
Simplified version of palette colors
Shade of chocolate, Shade of lightsalmon, Shade of firebrick, Tint of mediumaquamarine, Tint of peachpuff, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Design landing ux color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ec6f26 #ec6f26 RGB(236, 111, 38)——
#f4ba9b #f4ba9b RGB(244, 186, 155)——
#a83117 #a83117 RGB(168, 49, 23)——
#6bb5a1 #6bb5a1 RGB(107, 181, 161)——
#dfcbbe #dfcbbe RGB(223, 203, 190)——
#3b6465 #3b6465 RGB(59, 100, 101)——

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ec6f26
#f4ba9b
1.79
#ec6f26
#6bb5a1
1.27
#ec6f26
#dfcbbe
1.95
#f4ba9b
#6bb5a1
1.41
#f4ba9b
#dfcbbe
1.08
#a83117
#3b6465
1.02

Image palette Design landing ux png

Design landing ux - #9173
 Download image