Generate Palette
  1. Colors palettes
  2. Web Component Hyper Gradient Flow
Created at 08/21/2025 11:48
bycolorhunt
  21

Web Component Hyper Gradient Flow

  • Module Indigo
    #3949ab
  • API Cyan
    #26c6da
  • Function Pink
    #ec407a
  • Overlay White
    #f5f5f5
  • Render Gray
    #9e9e9e
  • Surface Black
    #1b1b1b
The palette consists of Light, Dark colors. Accent colors API Cyan #26c6da and Function Pink #ec407a. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1B1B1B (darkest) to #F5F5F5 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

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): #1B1B1B, #26C6DA, #3949AB, #9E9E9E, #EC407A, #F5F5F5

Palette Web Component Hyper Gradient Flow has combination of 6 codes colors:
HEX: #3949ab, RGB: (57, 73, 171); HEX: #26c6da, RGB: (38, 198, 218); HEX: #ec407a, RGB: (236, 64, 122)
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #1b1b1b, RGB: (27, 27, 27)
Simplified version of palette colors
Shade of darkslateblue, Shade of darkturquoise, Shade of deeppink, Tint of darkgrey, Shade of Black
Color scheme was created by colorhunt

Colors codes in palette

Web Component Hyper Gradient Flow color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3949ab #3949ab RGB(57, 73, 171)Module Indigo—
#26c6da #26c6da RGB(38, 198, 218)API Cyan—
#ec407a #ec407a RGB(236, 64, 122)Function Pink—
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Overlay WhiteWhite Smoke
#9e9e9e #9e9e9e RGB(158, 158, 158)Render GrayGray62
#1b1b1b #1b1b1b RGB(27, 27, 27)Surface BlackEerie Black

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#26c6da
#ec407a
1.82
#26c6da
#f5f5f5
1.89
#26c6da
#9e9e9e
1.29
#ec407a
#9e9e9e
1.4

Image palette Web Component Hyper Gradient Flow png

Web Component Hyper Gradient Flow - #559030
 Download image