Generate Palette
  1. Colors palettes
  2. Graph Neural Spectrum UI Kit
Created at 08/10/2025 12:43
bybad_colors
  11

Graph Neural Spectrum UI Kit

  • Node Azure
    #007fff
  • Edge Tangerine
    #ff9500
  • Message Pear
    #a2c523
  • Aggregation White
    #f4f6f8
  • Embedding Charcoal
    #2f2f2f
  • Activation Mint
    #56c596
The palette consists of Light, Dark colors. Accent colors Node Azure #007fff and Edge Tangerine #ff9500. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2F2F2F (darkest) to #F4F6F8 (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #007FFF, #2F2F2F, #56C596, #A2C523, #F4F6F8, #FF9500

Palette Graph Neural Spectrum UI Kit has combination of 6 codes colors:
HEX: #007fff, RGB: (0, 127, 255); HEX: #ff9500, RGB: (255, 149, 0); HEX: #a2c523, RGB: (162, 197, 35)
HEX: #f4f6f8, RGB: (244, 246, 248); HEX: #2f2f2f, RGB: (47, 47, 47); HEX: #56c596, RGB: (86, 197, 150)
Simplified version of palette colors
Tint of dodgerblue, Shade of darkorange, Tint of Yellowgreen, Shade of whitesmoke, Shade of Black, Tint of mediumaquamarine
Color scheme was created by bad_colors

Colors codes in palette

Graph Neural Spectrum UI Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#007fff #007fff RGB(0, 127, 255)Node AzureAzure
#ff9500 #ff9500 RGB(255, 149, 0)Edge TangerineBarcelona Orange
#a2c523 #a2c523 RGB(162, 197, 35)Message Pear—
#f4f6f8 #f4f6f8 RGB(244, 246, 248)Aggregation White—
#2f2f2f #2f2f2f RGB(47, 47, 47)Embedding Charcoal—
#56c596 #56c596 RGB(86, 197, 150)Activation Mint—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#007fff
#ff9500
1.74
#007fff
#a2c523
1.92
#007fff
#56c596
1.79
#ff9500
#a2c523
1.1
#ff9500
#56c596
1.02
#a2c523
#f4f6f8
1.83

Image palette Graph Neural Spectrum UI Kit png

Graph Neural Spectrum UI Kit - #557749
 Download image