Generate Palette
  1. Colors palettes
  2. Transformer Attention Mechanism UI Hyperlink System
Created at 03/30/2026 11:30
bycoolor
  11

Transformer Attention Mechanism UI Hyperlink System

  • Attention Blue
    #4361ee
  • Query Cyan
    #4cc9f0
  • Key Purple
    #7209b7
  • Value Green
    #52b788
  • Soft Background
    #f8f9fa
  • Contrast Black
    #0b0c10
  • Signal Orange
    #f77f00
  • Focus Pink
    #f72585
The palette consists of Light, Dark, Semi dark colors. Accent colors Query Cyan #4cc9f0 and Signal Orange #f77f00. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #0B0C10 (darkest) to #F8F9FA (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): #0B0C10, #4361EE, #4CC9F0, #52B788, #7209B7, #F72585, #F77F00, #F8F9FA

Palette Transformer Attention Mechanism UI Hyperlink System has combination of 8 codes colors:
HEX: #4361ee, RGB: (67, 97, 238); HEX: #4cc9f0, RGB: (76, 201, 240); HEX: #7209b7, RGB: (114, 9, 183)
HEX: #52b788, RGB: (82, 183, 136); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #0b0c10, RGB: (11, 12, 16)
HEX: #f77f00, RGB: (247, 127, 0); HEX: #f72585, RGB: (247, 37, 133)
Simplified version of palette colors
Tint of royalblue, Tint of skyblue, Tint of darkviolet, Shade of mediumseagreen, Shade of whitesmoke, Shade of Black, Tint of darkorange, Shade of deeppink
Color scheme was created by coolor

Colors codes in palette

Transformer Attention Mechanism UI Hyperlink System color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4361ee #4361ee RGB(67, 97, 238)Attention Blue—
#4cc9f0 #4cc9f0 RGB(76, 201, 240)Query Cyan—
#7209b7 #7209b7 RGB(114, 9, 183)Key Purple—
#52b788 #52b788 RGB(82, 183, 136)Value Green—
#f8f9fa #f8f9fa RGB(248, 249, 250)Soft Background—
#0b0c10 #0b0c10 RGB(11, 12, 16)Contrast Black—
#f77f00 #f77f00 RGB(247, 127, 0)Signal OrangeUniversity of Tennessee Orange
#f72585 #f72585 RGB(247, 37, 133)Focus Pink—

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4361ee
#7209b7
1.71
#4361ee
#f77f00
1.91
#4361ee
#f72585
1.32
#4cc9f0
#52b788
1.28
#4cc9f0
#f8f9fa
1.82
#4cc9f0
#f77f00
1.36

Image palette Transformer Attention Mechanism UI Hyperlink System png

Transformer Attention Mechanism UI Hyperlink System - #570748
 Download image