Neural UI Web Components
- Cortex Grey#3b3b3b
- Neuro Light#eaf6f6
- React Signal Blue#356df3
- Synaptic Teal#00c2a8
- Hyperlink Chrome#c9d1d9
- Interface Sand#faf3e3
- CSS Grid Plum#924c9d
Created at 07/07/2025 15:07
The palette consists of Semi dark, Light colors. Accent colors Synaptic Teal #00c2a8 and Interface Sand #faf3e3. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #3B3B3B (darkest) to #FAF3E3 (lightest). The lightness range is wide.
Saturation is mixed — 2 muted and 3 vivid out of 7 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (4 of 7).
HEX codes (sorted): #00C2A8, #356DF3, #3B3B3B, #924C9D, #C9D1D9, #EAF6F6, #FAF3E3
Palette Neural UI Web Components combines 7 color codes:
HEX: #3b3b3b, RGB: (59, 59, 59); HEX: #eaf6f6, RGB: (234, 246, 246); HEX: #356df3, RGB: (53, 109, 243)
HEX: #00c2a8, RGB: (0, 194, 168); HEX: #c9d1d9, RGB: (201, 209, 217); HEX: #faf3e3, RGB: (250, 243, 227)
HEX: #924c9d, RGB: (146, 76, 157)
Simplified version of palette colors
Shade of Dark Slate Gray, Shade of Azure, Tint of Royal Blue, Shade of Medium Aquamarine, Shade of Light Gray, Shade of Old Lace, Tint of Dark Orchid
Color scheme was created by colourlock
Color codes in palette
Neural UI Web Components color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #3b3b3b | #3b3b3b | RGB(59, 59, 59) | Cortex Grey | Gray23 |
| #eaf6f6 | #eaf6f6 | RGB(234, 246, 246) | Neuro Light | — |
| #356df3 | #356df3 | RGB(53, 109, 243) | React Signal Blue | — |
| #00c2a8 | #00c2a8 | RGB(0, 194, 168) | Synaptic Teal | — |
| #c9d1d9 | #c9d1d9 | RGB(201, 209, 217) | Hyperlink Chrome | — |
| #faf3e3 | #faf3e3 | RGB(250, 243, 227) | Interface Sand | — |
| #924c9d | #924c9d | RGB(146, 76, 157) | CSS Grid Plum | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#3b3b3b | #924c9d | 1.99 |
#eaf6f6 | #c9d1d9 | 1.39 |
#eaf6f6 | #faf3e3 | 1 |
#356df3 | #924c9d | 1.23 |
#00c2a8 | #c9d1d9 | 1.46 |
#c9d1d9 | #faf3e3 | 1.39 |
Image palette Neural UI Web Components png
Export Palette
Download the "Neural UI Web Components" in multiple formats for seamless integration into your design projects.
Available formats: