Created at 03/30/2026 11:40
Attention Based Seq2Seq Transformer Chat UI Kit Palette
- Encoder Blue#2563eb
- Decoder Green#16a34a
- Attention Purple#7c3aed
- Token Orange#f97316
- Padding Gray#9ca3af
- Background White#ffffff
- Text Black#020617
The palette consists of Semi dark, Light, Dark colors. Accent colors Token Orange #f97316 and Text Black #020617. 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, #16A34A, #2563EB, #7C3AED, #9CA3AF, #F97316, #FFFFFF
Palette Attention Based Seq2Seq Transformer Chat UI Kit Palette has combination of 7 codes colors:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #16a34a, RGB: (22, 163, 74); HEX: #7c3aed, RGB: (124, 58, 237)
HEX: #f97316, RGB: (249, 115, 22); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #020617, RGB: (2, 6, 23)
Simplified version of palette colors
Tint of royalblue, Tint of mediumseagreen, Shade of blueviolet, Shade of chocolate, Tint of darkgrey, White, Shade of Black
Color scheme was created by colorscheme
Colors codes in palette
Attention Based Seq2Seq Transformer Chat UI Kit Palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2563eb | #2563eb | RGB(37, 99, 235) | Encoder Blue | — |
| #16a34a | #16a34a | RGB(22, 163, 74) | Decoder Green | — |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | Attention Purple | — |
| #f97316 | #f97316 | RGB(249, 115, 22) | Token Orange | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Padding Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #020617 | #020617 | RGB(2, 6, 23) | Text Black | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2563eb | #16a34a | 1.56 |
#2563eb | #7c3aed | 1.1 |
#2563eb | #f97316 | 1.84 |
#16a34a | #7c3aed | 1.72 |
#16a34a | #f97316 | 1.17 |
#16a34a | #9ca3af | 1.29 |
Image palette Attention Based Seq2Seq Transformer Chat UI Kit Palette png
Export Palette
Download the "Attention Based Seq2Seq Transformer Chat UI Kit Palette" in multiple formats for seamless integration into your design projects.
Available formats: