Loading...
Created at 12/02/2019 21:58
  0.27k

Design uxdesign website animation colors palette

  • #e14e0c
  • #f4c454
  • #793c1a
  • #8c8464
  • #ceb2bc
  • #543124
Loading...
The palette consists of Light colors. Accent colors #e14e0c and Rayo de Sol #f4c454. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #543124 (darkest) to #CEB2BC (lightest). The lightness range is moderate.

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

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #543124, #793C1A, #8C8464, #CEB2BC, #E14E0C, #F4C454

Palette Design uxdesign website animation colors palette has combination of 6 codes colors:
HEX: #e14e0c, RGB: (225, 78, 12); HEX: #f4c454, RGB: (244, 196, 84); HEX: #793c1a, RGB: (121, 60, 26)
HEX: #8c8464, RGB: (140, 132, 100); HEX: #ceb2bc, RGB: (206, 178, 188); HEX: #543124, RGB: (84, 49, 36)
Simplified version of palette colors
Tint of orangered, Shade of goldenrod, Tint of saddlebrown, Shade of Grey, Tint of thistle, Shade of Maroon
Color scheme was created by colorswall

Colors codes in palette

Design uxdesign website animation colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#e14e0c #e14e0c RGB(225, 78, 12)
#f4c454 #f4c454 RGB(244, 196, 84)Rayo de Sol
#793c1a #793c1a RGB(121, 60, 26)
#8c8464 #8c8464 RGB(140, 132, 100)
#ceb2bc #ceb2bc RGB(206, 178, 188)
#543124 #543124 RGB(84, 49, 36)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#e14e0c
#8c8464
1.05
#f4c454
#ceb2bc
1.2
#793c1a
#543124
1.34
#8c8464
#ceb2bc
1.91

Image palette Design uxdesign website animation colors palette png

Loading...
Loading...
Loading...