Generate Palette
  1. Colors palettes
  2. Material Design Motion Layer Theme
Created at 07/20/2025 20:13
bycolorhunt
  11

Material Design Motion Layer Theme

  • Motion Sky
    #4fc3f7
  • Elevation Gray
    #f5f5f5
  • Component Cream
    #fff8e1
  • Action Coral
    #ff6e6e
  • Surface Charcoal
    #212121
  • Accent Mint
    #81c784
The palette consists of Light, Dark colors. Accent colors Motion Sky #4fc3f7 and Component Cream #fff8e1. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #212121 (darkest) to #F5F5F5 (lightest). The lightness range is wide.

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #212121, #4FC3F7, #81C784, #F5F5F5, #FF6E6E, #FFF8E1

Palette Material Design Motion Layer Theme has combination of 6 codes colors:
HEX: #4fc3f7, RGB: (79, 195, 247); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #fff8e1, RGB: (255, 248, 225)
HEX: #ff6e6e, RGB: (255, 110, 110); HEX: #212121, RGB: (33, 33, 33); HEX: #81c784, RGB: (129, 199, 132)
Simplified version of palette colors
Shade of deepskyblue, Shade of cornsilk, Tint of lightcoral, Shade of Black, Shade of darkseagreen
Color scheme was created by colorhunt

Colors codes in palette

Material Design Motion Layer Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4fc3f7 #4fc3f7 RGB(79, 195, 247)Motion Sky—
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Elevation GrayWhite Smoke
#fff8e1 #fff8e1 RGB(255, 248, 225)Component CreamStill Morning
#ff6e6e #ff6e6e RGB(255, 110, 110)Action Coral—
#212121 #212121 RGB(33, 33, 33)Surface CharcoalLead
#81c784 #81c784 RGB(129, 199, 132)Accent Mint—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4fc3f7
#f5f5f5
1.83
#4fc3f7
#fff8e1
1.88
#4fc3f7
#ff6e6e
1.35
#4fc3f7
#81c784
1
#f5f5f5
#fff8e1
1.02
#f5f5f5
#81c784
1.84

Image palette Material Design Motion Layer Theme png

Material Design Motion Layer Theme - #555962
 Download image