Created at 06/08/2025 17:45
  26

Canvas API Animation Toolkit

Frame Lime
#b8ff66
Draw Layer Blue
#67c8ff
Fill Pink
#ff9aa2
Stroke Graphite
#2b2b2b
Render Cream
#faf4e6
Motion Violet
#a786df
The palette consists of Light, Dark colors. Accent colors Frame Lime #b8ff66 and Motion Violet #a786df. Palette has Warm, Cool, Neutral colors temperature.
Palette Canvas API Animation Toolkit has combination of 6 codes colors:
HEX: #b8ff66, RGB: (184, 255, 102); HEX: #67c8ff, RGB: (103, 200, 255); HEX: #ff9aa2, RGB: (255, 154, 162)
HEX: #2b2b2b, RGB: (43, 43, 43); HEX: #faf4e6, RGB: (250, 244, 230); HEX: #a786df, RGB: (167, 134, 223)
Simplified version of palette colors
Shade of greenyellow, Tint of lightskyblue, Tint of lightpink, Shade of Black, Tint of oldlace, Shade of mediumpurple
Color scheme was created by colorscheme

Colors codes in palette

Canvas API Animation Toolkit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#b8ff66 #b8ff66 RGB(184, 255, 102)Frame Lime
#67c8ff #67c8ff RGB(103, 200, 255)Draw Layer Blue
#ff9aa2 #ff9aa2 RGB(255, 154, 162)Fill Pink
#2b2b2b #2b2b2b RGB(43, 43, 43)Stroke GraphiteShoe Wax
#faf4e6 #faf4e6 RGB(250, 244, 230)Render Cream
#a786df #a786df RGB(167, 134, 223)Motion Violet

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b8ff66
#67c8ff
1.55
#b8ff66
#ff9aa2
1.68
#b8ff66
#faf4e6
1.09
#67c8ff
#ff9aa2
1.08
#67c8ff
#faf4e6
1.69
#67c8ff
#a786df
1.58

Image palette Canvas API Animation Toolkit png