Animation flat ui colors palette

  • #e0f925
  • #e6f650
  • #906a6e
  • #4c7012
  • #e61fe1
  0.28k

Animation flat ui colors palette has 5 colors spread across many hues. The lightest color is Yellow (#E6F650), the darkest Dark Olive Green (#4C7012). Its strongest contrast pair is #4C7012 on #E0F925 (4.8:1, WCAG AA).

Created at 09/02/2019 07:01
The palette consists of Light, Semi dark colors. Accent colors #e0f925 and #e61fe1. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #4C7012 (darkest) to #E6F650 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma) — 80% of colors are vivid.

A varied palette: its hues are spread across about 141° of the color wheel.

Overall temperature among swatches leans warm (3 of 5).

HEX codes (sorted): #4C7012, #906A6E, #E0F925, #E61FE1, #E6F650

Palette Animation flat ui colors palette combines 5 color codes:
HEX: #e0f925, RGB: (224, 249, 37); HEX: #e6f650, RGB: (230, 246, 80); HEX: #906a6e, RGB: (144, 106, 110)
HEX: #4c7012, RGB: (76, 112, 18); HEX: #e61fe1, RGB: (230, 31, 225)
Simplified version of palette colors
Shade of Yellow, Shade of Yellow, Shade of Rosy Brown, Shade of Dark Olive Green, Tint of Magenta
Color scheme was created by colorswall

Color codes in palette

Animation flat ui colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#e0f925#e0f925RGB(224, 249, 37)——
#e6f650#e6f650RGB(230, 246, 80)——
#906a6e#906a6eRGB(144, 106, 110)——
#4c7012#4c7012RGB(76, 112, 18)——
#e61fe1#e61fe1RGB(230, 31, 225)——

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#e0f925
#e6f650
1
#906a6e
#4c7012
1.23
#906a6e
#e61fe1
1.26
#4c7012
#e61fe1
1.55

Image palette Animation flat ui colors palette png