Generate Palette
  1. Color Palettes
  2. Web Component Gradient Horizon

Web Component Gradient Horizon

  • Module Blue
    #2979ff
  • API Sand
    #ffe082
  • Function Coral
    #ff5252
  • Prop Slate
    #607d8b
  • Canvas Mint
    #64ffda
  • Render Dark
    #212121
  11
Created at 08/21/2025 11:42
bycoolor
The palette consists of Light, Dark colors. Accent colors API Sand #ffe082 and Canvas Mint #64ffda. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #212121 (darkest) to #FFE082 (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #212121, #2979FF, #607D8B, #64FFDA, #FF5252, #FFE082

Palette Web Component Gradient Horizon combines 6 color codes:
HEX: #2979ff, RGB: (41, 121, 255); HEX: #ffe082, RGB: (255, 224, 130); HEX: #ff5252, RGB: (255, 82, 82)
HEX: #607d8b, RGB: (96, 125, 139); HEX: #64ffda, RGB: (100, 255, 218); HEX: #212121, RGB: (33, 33, 33)
Simplified version of palette colors
Tint of Royal Blue, Shade of Khaki, Shade of Tomato, Shade of Slate Gray, Shade of Aquamarine, Tint of Black
Color scheme was created by coolor

Color codes in palette

Web Component Gradient Horizon color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#2979ff#2979ffRGB(41, 121, 255)Module Blue—
#ffe082#ffe082RGB(255, 224, 130)API Sand—
#ff5252#ff5252RGB(255, 82, 82)Function Coral—
#607d8b#607d8bRGB(96, 125, 139)Prop Slate—
#64ffda#64ffdaRGB(100, 255, 218)Canvas Mint—
#212121#212121RGB(33, 33, 33)Render DarkLead

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#2979ff
#ff5252
1.24
#2979ff
#607d8b
1.09
#ffe082
#64ffda
1.03
#ff5252
#607d8b
1.36

Image palette Web Component Gradient Horizon png

Web Component Gradient Horizon color palette: Module Blue, API Sand, Function Coral, Prop Slate, Canvas Mint, Render Dark
 Download image