Created at 07/12/2025 20:06
Web Animation Stateflow Kit
Tween Purple
#b388eb
Frame Mint
#d2f898
Keyframe Coral
#ff7b89
Timeline Cloud
#f9f9f9
Elastic Navy
#3a405a
Loop Orange
#ffb86f
The palette consists of Light colors. Accent colors Tween Purple #b388eb and Loop Orange #ffb86f. Palette has Cool, Warm, Neutral colors temperature.
Palette Web Animation Stateflow Kit has combination of 6 codes colors:
HEX: #b388eb, RGB: (179, 136, 235); HEX: #d2f898, RGB: (210, 248, 152); HEX: #ff7b89, RGB: (255, 123, 137)
HEX: #f9f9f9, RGB: (249, 249, 249); HEX: #3a405a, RGB: (58, 64, 90); HEX: #ffb86f, RGB: (255, 184, 111)
Simplified version of palette colors
Shade of mediumpurple, Shade of palegreen, Shade of lightcoral, Shade of whitesmoke, Tint of darkslateblue, Shade of sandybrown
Color scheme was created by colorslib
Colors codes in palette
Web Animation Stateflow Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #b388eb | #b388eb | RGB(179, 136, 235) | Tween Purple | — |
| #d2f898 | #d2f898 | RGB(210, 248, 152) | Frame Mint | — |
| #ff7b89 | #ff7b89 | RGB(255, 123, 137) | Keyframe Coral | — |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Timeline Cloud | Doctor |
| #3a405a | #3a405a | RGB(58, 64, 90) | Elastic Navy | Victory Blue |
| #ffb86f | #ffb86f | RGB(255, 184, 111) | Loop Orange | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#b388eb | #ff7b89 | 1.1 |
#b388eb | #ffb86f | 1.61 |
#d2f898 | #f9f9f9 | 1.13 |
#d2f898 | #ffb86f | 1.42 |
#ff7b89 | #ffb86f | 1.46 |
#f9f9f9 | #ffb86f | 1.61 |
