Created at 09/11/2025 21:52
JavaScript Synapse Dashboard UI
- Function Blue#2563eb
- Variable Pink#ec4899
- Async Aqua#22d3ee
- Component Gray#9ca3af
- State Yellow#fde047
- Dark Console#171717
- Logic Green#4ade80
The palette consists of Semi dark, Light, Dark colors. Accent colors Async Aqua #22d3ee and State Yellow #fde047. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #171717 (darkest) to #9CA3AF (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): #171717, #22D3EE, #2563EB, #4ADE80, #9CA3AF, #EC4899, #FDE047
Palette JavaScript Synapse Dashboard UI has combination of 7 codes colors:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #ec4899, RGB: (236, 72, 153); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #9ca3af, RGB: (156, 163, 175); HEX: #fde047, RGB: (253, 224, 71); HEX: #171717, RGB: (23, 23, 23)
HEX: #4ade80, RGB: (74, 222, 128)
Simplified version of palette colors
Tint of royalblue, Shade of deeppink, Shade of darkturquoise, Tint of darkgrey, Shade of gold, Shade of Black, Shade of mediumspringgreen
Color scheme was created by colorhunt
Colors codes in palette
JavaScript Synapse Dashboard UI color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2563eb | #2563eb | RGB(37, 99, 235) | Function Blue | — |
| #ec4899 | #ec4899 | RGB(236, 72, 153) | Variable Pink | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Async Aqua | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Component Gray | — |
| #fde047 | #fde047 | RGB(253, 224, 71) | State Yellow | — |
| #171717 | #171717 | RGB(23, 23, 23) | Dark Console | Cynical Black |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Logic Green | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2563eb | #ec4899 | 1.46 |
#ec4899 | #22d3ee | 1.95 |
#ec4899 | #9ca3af | 1.38 |
#22d3ee | #9ca3af | 1.4 |
#22d3ee | #fde047 | 1.37 |
#22d3ee | #4ade80 | 1.03 |
Image palette JavaScript Synapse Dashboard UI png
Export Palette
Download the "JavaScript Synapse Dashboard UI" in multiple formats for seamless integration into your design projects.
Available formats: