Created at 07/16/2025 11:55
Modern Web Animation & UI Toolkit
Motion Sky
#56ccf2
CSS Transform Charcoal
#2c2c54
Frame Sand
#fdf0d5
Timing Gold
#ffd700
Transition Mint
#adefd1
Keyframe Red
#ff6363
The palette consists of Light, Dark colors. Accent colors Motion Sky #56ccf2 and Timing Gold #ffd700. Palette has Cool, Neutral, Warm colors temperature.
Palette Modern Web Animation & UI Toolkit has combination of 6 codes colors:
HEX: #56ccf2, RGB: (86, 204, 242); HEX: #2c2c54, RGB: (44, 44, 84); HEX: #fdf0d5, RGB: (253, 240, 213)
HEX: #ffd700, RGB: (255, 215, 0); HEX: #adefd1, RGB: (173, 239, 209); HEX: #ff6363, RGB: (255, 99, 99)
Simplified version of palette colors
Tint of skyblue, Shade of midnightblue, Tint of papayawhip, gold, Shade of aquamarine, Tint of salmon
Color scheme was created by colorslib
Colors codes in palette
Modern Web Animation & UI Toolkit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #56ccf2 | #56ccf2 | RGB(86, 204, 242) | Motion Sky | — |
| #2c2c54 | #2c2c54 | RGB(44, 44, 84) | CSS Transform Charcoal | — |
| #fdf0d5 | #fdf0d5 | RGB(253, 240, 213) | Frame Sand | — |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Timing Gold | Gold |
| #adefd1 | #adefd1 | RGB(173, 239, 209) | Transition Mint | — |
| #ff6363 | #ff6363 | RGB(255, 99, 99) | Keyframe Red | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#56ccf2 | #fdf0d5 | 1.64 |
#56ccf2 | #ffd700 | 1.32 |
#56ccf2 | #adefd1 | 1.41 |
#56ccf2 | #ff6363 | 1.56 |
#fdf0d5 | #ffd700 | 1.24 |
#fdf0d5 | #adefd1 | 1.15 |
