Generate Palette
  1. Colors palettes
  2. Web Animation Performance Kit
Created at 06/14/2025 19:36
byhex
  6

Web Animation Performance Kit

  • FPS Lime
    #c6f91f
  • Transform Aqua
    #00f0ff
  • Ease White
    #fafafa
  • Loop Violet
    #b497f4
  • Trigger Graphite
    #2b2b2b
  • Motion Peach
    #ffd6a5
The palette consists of Light, Dark colors. Accent colors Transform Aqua #00f0ff and Motion Peach #ffd6a5. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #2B2B2B (darkest) to #FAFAFA (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #00F0FF, #2B2B2B, #B497F4, #C6F91F, #FAFAFA, #FFD6A5

Palette Web Animation Performance Kit has combination of 6 codes colors:
HEX: #c6f91f, RGB: (198, 249, 31); HEX: #00f0ff, RGB: (0, 240, 255); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #b497f4, RGB: (180, 151, 244); HEX: #2b2b2b, RGB: (43, 43, 43); HEX: #ffd6a5, RGB: (255, 214, 165)
Simplified version of palette colors
Shade of greenyellow, Tint of cyan, Shade of whitesmoke, Shade of mediumpurple, Shade of Black, Tint of navajowhite
Color scheme was created by hex

Colors codes in palette

Web Animation Performance Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#c6f91f #c6f91f RGB(198, 249, 31)FPS Lime—
#00f0ff #00f0ff RGB(0, 240, 255)Transform Aqua—
#fafafa #fafafa RGB(250, 250, 250)Ease WhiteDr. White
#b497f4 #b497f4 RGB(180, 151, 244)Loop Violet—
#2b2b2b #2b2b2b RGB(43, 43, 43)Trigger GraphiteShoe Wax
#ffd6a5 #ffd6a5 RGB(255, 214, 165)Motion Peach—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#c6f91f
#00f0ff
1.13
#c6f91f
#fafafa
1.18
#c6f91f
#b497f4
1.95
#c6f91f
#ffd6a5
1.1
#00f0ff
#fafafa
1.34
#00f0ff
#b497f4
1.71

Image palette Web Animation Performance Kit png

Web Animation Performance Kit - #552123
 Download image