Generate Palette
  1. Color Palettes
  2. Motion Design Animation UI

Motion Design Animation UI

  • Ease Aqua
    #67e8f9
  • Curve Violet
    #c084fc
  • Timing Gray
    #9ca3af
  • Trigger Coral
    #ffb3b3
  • State Ice
    #e0fbfc
  • Play Ink
    #1e1e1e
  6

Motion Design Animation UI has 6 colors, mostly cyan and violet. The lightest color is State Ice (#E0FBFC), the darkest Play Ink (#1E1E1E). Its strongest contrast pair is #1E1E1E on #E0FBFC (15.3:1, WCAG AAA).

Created at 06/12/2025 08:48
bycolorday
The palette consists of Light, Dark colors. Accent colors Ease Aqua #67e8f9 and Trigger Coral #ffb3b3. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #1E1E1E (darkest) to #E0FBFC (lightest). The lightness range is wide.

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (2 of 6).

HEX codes (sorted): #1E1E1E, #67E8F9, #9CA3AF, #C084FC, #E0FBFC, #FFB3B3

Palette Motion Design Animation UI combines 6 color codes:
HEX: #67e8f9, RGB: (103, 232, 249); HEX: #c084fc, RGB: (192, 132, 252); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #ffb3b3, RGB: (255, 179, 179); HEX: #e0fbfc, RGB: (224, 251, 252); HEX: #1e1e1e, RGB: (30, 30, 30)
Simplified version of palette colors
Tint of Cyan, Shade of Violet, Shade of Dark Gray, Shade of Light Pink, Shade of Light Cyan, Tint of Black
Color scheme was created by colorday

Color codes in palette

Motion Design Animation UI color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#67e8f9#67e8f9RGB(103, 232, 249)Ease Aqua—
#c084fc#c084fcRGB(192, 132, 252)Curve Violet—
#9ca3af#9ca3afRGB(156, 163, 175)Timing Gray—
#ffb3b3#ffb3b3RGB(255, 179, 179)Trigger Coral—
#e0fbfc#e0fbfcRGB(224, 251, 252)State Ice—
#1e1e1e#1e1e1eRGB(30, 30, 30)Play Ink—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#67e8f9
#c084fc
1.82
#67e8f9
#9ca3af
1.75
#67e8f9
#ffb3b3
1.17
#67e8f9
#e0fbfc
1.33
#c084fc
#9ca3af
1.04
#c084fc
#ffb3b3
1.55

Image palette Motion Design Animation UI png

Motion Design Animation UI color palette: Ease Aqua, Curve Violet, Timing Gray, Trigger Coral, State Ice, Play Ink
 Download image