Generate Palette
  1. Color Palettes
  2. Neural Interface UI Kit for React.js

Neural Interface UI Kit for React.js

  • Quantum Indigo
    #4b0082
  • Neuron Pink
    #ff8aae
  • Cortex Silver
    #e5e5e5
  • React Sky
    #61dafb
  • Dark Logic Black
    #1a1b1f
  • Synapse Cyan
    #3de2ff
  • Component Gray
    #bdbdbd
  21
Created at 07/22/2025 16:51
bycolorday
The palette consists of Dark, Light colors. Accent colors Neuron Pink #ff8aae and Synapse Cyan #3de2ff. Palette has Cool, Warm, Neutral colors temperature.

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

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

HEX codes (sorted): #1A1B1F, #3DE2FF, #4B0082, #61DAFB, #BDBDBD, #E5E5E5, #FF8AAE

Palette Neural Interface UI Kit for React.js combines 7 color codes:
HEX: #4b0082, RGB: (75, 0, 130); HEX: #ff8aae, RGB: (255, 138, 174); HEX: #e5e5e5, RGB: (229, 229, 229)
HEX: #61dafb, RGB: (97, 218, 251); HEX: #1a1b1f, RGB: (26, 27, 31); HEX: #3de2ff, RGB: (61, 226, 255)
HEX: #bdbdbd, RGB: (189, 189, 189)
Simplified version of palette colors
Indigo, Tint of Pale Violet Red, Tint of Gainsboro, Shade of Sky Blue, Tint of Black, Shade of Sky Blue, Shade of Silver
Color scheme was created by colorday

Color codes in palette

Neural Interface UI Kit for React.js color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#4b0082#4b0082RGB(75, 0, 130)Quantum IndigoIndigo
#ff8aae#ff8aaeRGB(255, 138, 174)Neuron Pink—
#e5e5e5#e5e5e5RGB(229, 229, 229)Cortex SilverGray90
#61dafb#61dafbRGB(97, 218, 251)React Sky—
#1a1b1f#1a1b1fRGB(26, 27, 31)Dark Logic Black—
#3de2ff#3de2ffRGB(61, 226, 255)Synapse Cyan—
#bdbdbd#bdbdbdRGB(189, 189, 189)Component GrayGray74

Color Palette Contrast

11 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#4b0082
#1a1b1f
1.32
#ff8aae
#e5e5e5
1.75
#ff8aae
#61dafb
1.36
#ff8aae
#3de2ff
1.42
#ff8aae
#bdbdbd
1.17
#e5e5e5
#61dafb
1.28

Image palette Neural Interface UI Kit for React.js png

Neural Interface UI Kit for React.js color palette: Quantum Indigo, Neuron Pink, Cortex Silver, React Sky, Dark Logic Black
 Download image