Loading...
Created at 03/30/2026 11:54
Topology Data Structure Graph Mapper UI Scheme
- Node Blue#3b82f6
- Edge Gray#6b7280
- Cluster Green#22c55e
- Bridge Purple#7c3aed
- Weight Orange#fb923c
- Background White#ffffff
- Text Black#020617
The palette consists of Light, Semi dark, Dark colors. Accent colors Node Blue #3b82f6 and Weight Orange #fb923c. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #020617 (darkest) to #FFFFFF (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).
Overall temperature among swatches leans cool.
HEX codes (sorted): #020617, #22C55E, #3B82F6, #6B7280, #7C3AED, #FB923C, #FFFFFF
Palette Topology Data Structure Graph Mapper UI Scheme has combination of 7 codes colors:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #6b7280, RGB: (107, 114, 128); HEX: #22c55e, RGB: (34, 197, 94)
HEX: #7c3aed, RGB: (124, 58, 237); HEX: #fb923c, RGB: (251, 146, 60); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #020617, RGB: (2, 6, 23)
Simplified version of palette colors
Tint of dodgerblue, Tint of slategrey, Tint of limegreen, Shade of blueviolet, Shade of darkorange, White, Shade of Black
Color scheme was created by colorslib
Colors codes in palette
Topology Data Structure Graph Mapper UI Scheme color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Node Blue | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Edge Gray | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Cluster Green | — |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | Bridge Purple | — |
| #fb923c | #fb923c | RGB(251, 146, 60) | Weight Orange | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #020617 | #020617 | RGB(2, 6, 23) | Text Black | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3b82f6 | #6b7280 | 1.31 |
#3b82f6 | #22c55e | 1.61 |
#3b82f6 | #7c3aed | 1.54 |
#3b82f6 | #fb923c | 1.62 |
#6b7280 | #7c3aed | 1.17 |
#22c55e | #fb923c | 1 |
Image palette Topology Data Structure Graph Mapper UI Scheme png
Export Palette
Download the "Topology Data Structure Graph Mapper UI Scheme" in multiple formats for seamless integration into your design projects.
Available formats: