Created at 07/23/2025 08:42
Graph-Based UI Schema Kit
NodeLink Blue
#219ebc
Edge Violet
#b388eb
Graph Background
#f8f9fa
Cluster Beige
#f5f3f4
Mapline Gray
#adb5bd
Vector Pink
#ff5c8a
The palette consists of Light colors. Accent colors NodeLink Blue #219ebc and Vector Pink #ff5c8a. Palette has Cool, Neutral, Warm colors temperature.
Palette Graph-Based UI Schema Kit has combination of 6 codes colors:
HEX: #219ebc, RGB: (33, 158, 188); HEX: #b388eb, RGB: (179, 136, 235); HEX: #f8f9fa, RGB: (248, 249, 250)
HEX: #f5f3f4, RGB: (245, 243, 244); HEX: #adb5bd, RGB: (173, 181, 189); HEX: #ff5c8a, RGB: (255, 92, 138)
Simplified version of palette colors
Tint of cadetblue, Shade of mediumpurple, Shade of whitesmoke, Tint of whitesmoke, Shade of darkgrey, Tint of palevioletred
Color scheme was created by colorhunt
Colors codes in palette
Graph-Based UI Schema Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #219ebc | #219ebc | RGB(33, 158, 188) | NodeLink Blue | — |
| #b388eb | #b388eb | RGB(179, 136, 235) | Edge Violet | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Graph Background | — |
| #f5f3f4 | #f5f3f4 | RGB(245, 243, 244) | Cluster Beige | — |
| #adb5bd | #adb5bd | RGB(173, 181, 189) | Mapline Gray | — |
| #ff5c8a | #ff5c8a | RGB(255, 92, 138) | Vector Pink | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#219ebc | #b388eb | 1.14 |
#219ebc | #adb5bd | 1.51 |
#219ebc | #ff5c8a | 1.07 |
#b388eb | #adb5bd | 1.32 |
#b388eb | #ff5c8a | 1.06 |
#f8f9fa | #f5f3f4 | 1.04 |
