Created at 07/04/2025 20:21
  1

Backpropagation Flow UI

  • Gradient Violet
    #b388eb
  • Chain Rule Blue
    #82cffd
  • Loss Function Red
    #f67280
  • Forward Pass White
    #f6f8ff
  • Derivative Ink
    #1e1e1e
  • Node Pink
    #fbb1bd
The palette consists of Light, Dark colors. Accent colors Forward Pass White #f6f8ff and Node Pink #fbb1bd. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1E1E1E (darkest) to #F6F8FF (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #1E1E1E, #82CFFD, #B388EB, #F67280, #F6F8FF, #FBB1BD

Palette Backpropagation Flow UI has combination of 6 codes colors:
HEX: #b388eb, RGB: (179, 136, 235); HEX: #82cffd, RGB: (130, 207, 253); HEX: #f67280, RGB: (246, 114, 128)
HEX: #f6f8ff, RGB: (246, 248, 255); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #fbb1bd, RGB: (251, 177, 189)
Simplified version of palette colors
Shade of mediumpurple, Tint of lightskyblue, Tint of lightcoral, Tint of ghostwhite, Shade of Black, Tint of lightpink
Color scheme was created by coolor

Colors codes in palette

Backpropagation Flow UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#b388eb #b388eb RGB(179, 136, 235)Gradient Violet
#82cffd #82cffd RGB(130, 207, 253)Chain Rule Blue
#f67280 #f67280 RGB(246, 114, 128)Loss Function Red
#f6f8ff #f6f8ff RGB(246, 248, 255)Forward Pass White
#1e1e1e #1e1e1e RGB(30, 30, 30)Derivative Ink
#fbb1bd #fbb1bd RGB(251, 177, 189)Node Pink

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b388eb
#82cffd
1.6
#b388eb
#f67280
1
#b388eb
#fbb1bd
1.58
#82cffd
#f67280
1.6
#82cffd
#f6f8ff
1.6
#82cffd
#fbb1bd
1.01

Image palette Backpropagation Flow UI png