Created at 08/02/2025 09:53
Vision Transformer UI System
- Patch Grid Grey#dadada
- Frame Capture Blue#5bc0eb
- Contrast Overlay Black#121212
- Zoom Detail Yellow#ffe156
- Feature Map Purple#aa96da
- Scan Line White#f8f8f8
The palette consists of Light, Dark colors. Accent colors Frame Capture Blue #5bc0eb and Zoom Detail Yellow #ffe156. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #121212 (darkest) to #F8F8F8 (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
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): #121212, #5BC0EB, #AA96DA, #DADADA, #F8F8F8, #FFE156
Palette Vision Transformer UI System has combination of 6 codes colors:
HEX: #dadada, RGB: (218, 218, 218); HEX: #5bc0eb, RGB: (91, 192, 235); HEX: #121212, RGB: (18, 18, 18)
HEX: #ffe156, RGB: (255, 225, 86); HEX: #aa96da, RGB: (170, 150, 218); HEX: #f8f8f8, RGB: (248, 248, 248)
Simplified version of palette colors
Tint of gainsboro, Shade of deepskyblue, Shade of Black, Shade of gold, Tint of plum, Shade of whitesmoke
Color scheme was created by raccoon
Colors codes in palette
Vision Transformer UI System color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #dadada | #dadada | RGB(218, 218, 218) | Patch Grid Grey | — |
| #5bc0eb | #5bc0eb | RGB(91, 192, 235) | Frame Capture Blue | — |
| #121212 | #121212 | RGB(18, 18, 18) | Contrast Overlay Black | Dark Tone Ink |
| #ffe156 | #ffe156 | RGB(255, 225, 86) | Zoom Detail Yellow | — |
| #aa96da | #aa96da | RGB(170, 150, 218) | Feature Map Purple | — |
| #f8f8f8 | #f8f8f8 | RGB(248, 248, 248) | Scan Line White | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#dadada | #5bc0eb | 1.47 |
#dadada | #ffe156 | 1.07 |
#dadada | #aa96da | 1.85 |
#dadada | #f8f8f8 | 1.31 |
#5bc0eb | #ffe156 | 1.58 |
#5bc0eb | #aa96da | 1.25 |
Image palette Vision Transformer UI System png
Export Palette
Download the "Vision Transformer UI System" in multiple formats for seamless integration into your design projects.
Available formats: