Generate Palette
  1. Color Palettes
  2. Generative Web Component Spectrum

Generative Web Component Spectrum

  • Component Indigo
    #4c1d95
  • Generative Mint
    #3dd6d0
  • Hyperlink Orange
    #f3722c
  • Interface Slate
    #495057
  • Data Flow Yellow
    #ffd23f
  • Module White
    #fdfdfd
  • System Black
    #121212
  21
Created at 09/14/2025 18:21
bycolourlock
The palette consists of Dark, Light, Semi dark colors. Accent colors Component Indigo #4c1d95 and Data Flow Yellow #ffd23f. Palette has Cool, Warm, Neutral colors temperature.

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

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

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

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

HEX codes (sorted): #121212, #3DD6D0, #495057, #4C1D95, #F3722C, #FDFDFD, #FFD23F

Palette Generative Web Component Spectrum combines 7 color codes:
HEX: #4c1d95, RGB: (76, 29, 149); HEX: #3dd6d0, RGB: (61, 214, 208); HEX: #f3722c, RGB: (243, 114, 44)
HEX: #495057, RGB: (73, 80, 87); HEX: #ffd23f, RGB: (255, 210, 63); HEX: #fdfdfd, RGB: (253, 253, 253)
HEX: #121212, RGB: (18, 18, 18)
Simplified version of palette colors
Tint of Indigo, Tint of Medium Turquoise, Shade of Coral, Shade of Dim Gray, Tint of Gold, Shade of White, Tint of Black
Color scheme was created by colourlock

Color codes in palette

Generative Web Component Spectrum color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#4c1d95#4c1d95RGB(76, 29, 149)Component Indigo—
#3dd6d0#3dd6d0RGB(61, 214, 208)Generative Mint—
#f3722c#f3722cRGB(243, 114, 44)Hyperlink Orange—
#495057#495057RGB(73, 80, 87)Interface Slate—
#ffd23f#ffd23fRGB(255, 210, 63)Data Flow Yellow—
#fdfdfd#fdfdfdRGB(253, 253, 253)Module WhiteBrilliance
#121212#121212RGB(18, 18, 18)System BlackDark Tone Ink

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#4c1d95
#495057
1.33
#4c1d95
#121212
1.71
#3dd6d0
#f3722c
1.61
#3dd6d0
#ffd23f
1.23
#3dd6d0
#fdfdfd
1.76
#ffd23f
#fdfdfd
1.41

Image palette Generative Web Component Spectrum png

Generative Web Component Spectrum color palette: Component Indigo, Generative Mint, Hyperlink Orange, Interface Slate
 Download image