Created at 06/08/2025 17:45
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 Graphite | Shoe 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 |
