Created at 08/02/2025 13:48
Attention Map Visualization Toolkit
Self-Attention Orange
#ffab76
Token Matrix Blue
#3da5d9
Heatmap Yellow
#ffed66
Highlight White
#ffffff
Context Frame Grey
#bfbfbf
Dim Node Black
#1a1a1a
The palette consists of Light, Dark colors. Accent colors Token Matrix Blue #3da5d9 and Heatmap Yellow #ffed66. Palette has Warm, Cool, Neutral colors temperature.
Palette Attention Map Visualization Toolkit has combination of 6 codes colors:
HEX: #ffab76, RGB: (255, 171, 118); HEX: #3da5d9, RGB: (61, 165, 217); HEX: #ffed66, RGB: (255, 237, 102)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #bfbfbf, RGB: (191, 191, 191); HEX: #1a1a1a, RGB: (26, 26, 26)
Simplified version of palette colors
Shade of sandybrown, Tint of deepskyblue, Shade of Khaki, White, Tint of Silver, Shade of Black
Color scheme was created by colourlock
Colors codes in palette
Attention Map Visualization Toolkit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffab76 | #ffab76 | RGB(255, 171, 118) | Self-Attention Orange | — |
| #3da5d9 | #3da5d9 | RGB(61, 165, 217) | Token Matrix Blue | — |
| #ffed66 | #ffed66 | RGB(255, 237, 102) | Heatmap Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Highlight White | White |
| #bfbfbf | #bfbfbf | RGB(191, 191, 191) | Context Frame Grey | Gray75 |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Dim Node Black | Gray10 |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffab76 | #3da5d9 | 1.49 |
#ffab76 | #ffed66 | 1.54 |
#ffab76 | #ffffff | 1.85 |
#ffab76 | #bfbfbf | 1 |
#3da5d9 | #bfbfbf | 1.5 |
#ffed66 | #ffffff | 1.19 |
Image palette Attention Map Visualization Toolkit png
Export Palette
Download the "Attention Map Visualization Toolkit" in multiple formats for seamless integration into your design projects.
Available formats: