Generate Palette
  1. Colors palettes
  2. Web Component Performance Toolkit
Created at 07/28/2025 10:58
bycoolor
  1

Web Component Performance Toolkit

  • LazyLoad Red
    #ef476f
  • Optimize Blue
    #118ab2
  • CDN Gray
    #d8d8d8
  • Preload White
    #f7f7f7
  • Cache Indigo
    #6c63ff
  • Deliver Green
    #06d6a0
The palette consists of Light colors. Accent colors Cache Indigo #6c63ff and Deliver Green #06d6a0. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #118AB2 (darkest) to #F7F7F7 (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).

Overall temperature among swatches leans cool.

HEX codes (sorted): #06D6A0, #118AB2, #6C63FF, #D8D8D8, #EF476F, #F7F7F7

Palette Web Component Performance Toolkit has combination of 6 codes colors:
HEX: #ef476f, RGB: (239, 71, 111); HEX: #118ab2, RGB: (17, 138, 178); HEX: #d8d8d8, RGB: (216, 216, 216)
HEX: #f7f7f7, RGB: (247, 247, 247); HEX: #6c63ff, RGB: (108, 99, 255); HEX: #06d6a0, RGB: (6, 214, 160)
Simplified version of palette colors
Shade of indianred, Tint of steelblue, Shade of lightgrey, Shade of whitesmoke, Tint of mediumslateblue, Tint of mediumaquamarine
Color scheme was created by coolor

Colors codes in palette

Web Component Performance Toolkit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ef476f #ef476f RGB(239, 71, 111)LazyLoad Red—
#118ab2 #118ab2 RGB(17, 138, 178)Optimize Blue—
#d8d8d8 #d8d8d8 RGB(216, 216, 216)CDN Gray—
#f7f7f7 #f7f7f7 RGB(247, 247, 247)Preload WhiteLynx White
#6c63ff #6c63ff RGB(108, 99, 255)Cache Indigo—
#06d6a0 #06d6a0 RGB(6, 214, 160)Deliver Green—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ef476f
#118ab2
1.09
#ef476f
#6c63ff
1.19
#ef476f
#06d6a0
1.91
#118ab2
#6c63ff
1.08
#d8d8d8
#f7f7f7
1.33
#d8d8d8
#06d6a0
1.32

Image palette Web Component Performance Toolkit png

Web Component Performance Toolkit - #556888
 Download image