Generate Palette
  1. Color Palettes
  2. Generative Design Webflow Spectrum

Generative Design Webflow Spectrum

  • Render Indigo
    #4f46e5
  • Prototype Coral
    #fb7185
  • Canvas White
    #f9fafb
  • Vector Yellow
    #facc15
  • Node Green
    #22c55e
  • Hyperlink Blue
    #3b82f6
  • Terminal Black
    #111827
  6
Created at 08/18/2025 08:34
bypalettespicker
The palette consists of Semi dark, Light, Dark colors. Accent colors Vector Yellow #facc15 and Hyperlink Blue #3b82f6. Palette has Cool, Warm, Neutral colors temperature.

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

Overall saturation feels vivid (higher chroma) — 71% 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 7).

HEX codes (sorted): #111827, #22C55E, #3B82F6, #4F46E5, #F9FAFB, #FACC15, #FB7185

Palette Generative Design Webflow Spectrum combines 7 color codes:
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #fb7185, RGB: (251, 113, 133); HEX: #f9fafb, RGB: (249, 250, 251)
HEX: #facc15, RGB: (250, 204, 21); HEX: #22c55e, RGB: (34, 197, 94); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #111827, RGB: (17, 24, 39)
Simplified version of palette colors
Shade of Slate Blue, Shade of Light Coral, Tint of White Smoke, Shade of Gold, Shade of Lime Green, Shade of Dodger Blue, Tint of Black
Color scheme was created by palettespicker

Color codes in palette

Generative Design Webflow Spectrum color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4f46e5 #4f46e5 RGB(79, 70, 229)Render Indigo—
#fb7185 #fb7185 RGB(251, 113, 133)Prototype Coral—
#f9fafb #f9fafb RGB(249, 250, 251)Canvas White—
#facc15 #facc15 RGB(250, 204, 21)Vector Yellow—
#22c55e #22c55e RGB(34, 197, 94)Node Green—
#3b82f6 #3b82f6 RGB(59, 130, 246)Hyperlink Blue—
#111827 #111827 RGB(17, 24, 39)Terminal Black—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4f46e5
#3b82f6
1.7
#fb7185
#facc15
1.75
#fb7185
#22c55e
1.18
#fb7185
#3b82f6
1.36
#f9fafb
#facc15
1.46
#facc15
#22c55e
1.48

Image palette Generative Design Webflow Spectrum png

Generative Design Webflow Spectrum color palette: Render Indigo, Prototype Coral, Canvas White, Vector Yellow, Node Green
 Download image