Created at 04/12/2021 11:52
  0.23k

Layout animation interaction motion colors palette

#cca493
#d4b39b
#5a382a
#ac8c7c
#b49484
#4c443c
Sign In to save palette in collection
The palette consists of Light colors. Accent colors #d4b39b and #5a382a. Palette has Warm colors temperature.
Palette Layout animation interaction motion colors palette has combination of 6 codes colors:
HEX: #cca493, RGB: (204, 164, 147); HEX: #d4b39b, RGB: (212, 179, 155); HEX: #5a382a, RGB: (90, 56, 42)
HEX: #ac8c7c, RGB: (172, 140, 124); HEX: #b49484, RGB: (180, 148, 132); HEX: #4c443c, RGB: (76, 68, 60)
Simplified version of palette colors
Shade of rosybrown, Shade of tan, Tint of saddlebrown, Tint of rosybrown, Tint of rosybrown, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Layout animation interaction motion colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#cca493 RGB(204, 164, 147)
#d4b39b RGB(212, 179, 155)
#5a382a RGB(90, 56, 42)
#ac8c7c RGB(172, 140, 124)
#b49484 RGB(180, 148, 132)
#4c443c RGB(76, 68, 60)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#cca493
#d4b39b
1.15
#cca493
#ac8c7c
1.36
#cca493
#b49484
1.23
#d4b39b
#ac8c7c
1.57
#d4b39b
#b49484
1.42
#5a382a
#4c443c
1.08

Image palette Layout animation interaction motion colors palette png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes