Loading...
Created at 10/01/2022 20:55
Motion design ui loading palette
- Deep Lemon#eec620
- Feijoa Flower#ecf3c3
- Bronze Yellow#7b6509
- Rhythm#707696
- Pastel Blue#aecfc6
- Pine Tree#2b2c24
The palette consists of Light, Semi dark, Dark colors. Accent colors Bronze Yellow #7b6509 and Rhythm #707696. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #2B2C24 (darkest) to #ECF3C3 (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).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #2B2C24, #707696, #7B6509, #AECFC6, #ECF3C3, #EEC620
Palette Motion design ui loading palette has combination of 6 codes colors:
HEX: #eec620, RGB: (238, 198, 32); HEX: #ecf3c3, RGB: (236, 243, 195); HEX: #7b6509, RGB: (123, 101, 9)
HEX: #707696, RGB: (112, 118, 150); HEX: #aecfc6, RGB: (174, 207, 198); HEX: #2b2c24, RGB: (43, 44, 36)
Simplified version of palette colors
Tint of gold, Tint of lightgoldenrodyellow, Tint of Olive, Tint of slategrey, Tint of powderblue, Shade of Black
Color scheme was created by colorswall
Colors codes in palette
Motion design ui loading palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #eec620 | #eec620 | RGB(238, 198, 32) | Deep Lemon | — |
| #ecf3c3 | #ecf3c3 | RGB(236, 243, 195) | Feijoa Flower | — |
| #7b6509 | #7b6509 | RGB(123, 101, 9) | Bronze Yellow | — |
| #707696 | #707696 | RGB(112, 118, 150) | Rhythm | — |
| #aecfc6 | #aecfc6 | RGB(174, 207, 198) | Pastel Blue | — |
| #2b2c24 | #2b2c24 | RGB(43, 44, 36) | Pine Tree | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#eec620 | #ecf3c3 | 1.42 |
#eec620 | #aecfc6 | 1.01 |
#ecf3c3 | #aecfc6 | 1.44 |
#7b6509 | #707696 | 1.27 |
Image palette Motion design ui loading palette png
Export Palette
Download the "Motion design ui loading palette" in multiple formats for seamless integration into your design projects.
Available formats: