Generate Palette
  1. Colors palettes
  2. Motion animation notification widget palette
Created at 05/18/2022 08:49
bycolorswall
  0.13k

Motion animation notification widget palette

  • Spanish Yellow
    #fcb410
  • Pale Cyan
    #80d5f4
  • Dark Powder Blue
    #063d9c
  • Rackley
    #648ca4
  • Dark Vanilla
    #cbc4a9
  • Outer Space
    #44444c
The palette consists of Light colors. Accent colors Spanish Yellow #fcb410 and Dark Powder Blue #063d9c. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #44444C (darkest) to #80D5F4 (lightest). The lightness range is moderate.

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).

Overall temperature among swatches leans cool.

HEX codes (sorted): #063D9C, #44444C, #648CA4, #80D5F4, #CBC4A9, #FCB410

Palette Motion animation notification widget palette has combination of 6 codes colors:
HEX: #fcb410, RGB: (252, 180, 16); HEX: #80d5f4, RGB: (128, 213, 244); HEX: #063d9c, RGB: (6, 61, 156)
HEX: #648ca4, RGB: (100, 140, 164); HEX: #cbc4a9, RGB: (203, 196, 169); HEX: #44444c, RGB: (68, 68, 76)
Simplified version of palette colors
Shade of Orange, Shade of skyblue, Tint of darkslateblue, Tint of lightslategrey, Shade of tan, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Motion animation notification widget palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fcb410 #fcb410 RGB(252, 180, 16)Spanish Yellow—
#80d5f4 #80d5f4 RGB(128, 213, 244)Pale Cyan—
#063d9c #063d9c RGB(6, 61, 156)Dark Powder Blue—
#648ca4 #648ca4 RGB(100, 140, 164)Rackley—
#cbc4a9 #cbc4a9 RGB(203, 196, 169)Dark Vanilla—
#44444c #44444c RGB(68, 68, 76)Outer Space—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fcb410
#80d5f4
1.09
#fcb410
#cbc4a9
1.02
#80d5f4
#cbc4a9
1.06
#063d9c
#44444c
1.01

Image palette Motion animation notification widget palette png

Motion animation notification widget palette - #190841
 Download image