Generate Palette
  1. Colors palettes
  2. Semantic Hyperlink Gradient Grid
Created at 10/03/2025 21:58
byhex
  21

Semantic Hyperlink Gradient Grid

  • Hyperlink Blue
    #1da1f2
  • Gradient Coral
    #ff7e67
  • Semantic Mint
    #00dfa2
  • UI Grey
    #ececec
  • Overlay Indigo
    #3f3d56
  • Highlight Yellow
    #ffd60a
  • Recursive Black
    #141414
The palette consists of Light, Dark colors. Accent colors Hyperlink Blue #1da1f2 and Highlight Yellow #ffd60a. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #141414 (darkest) to #ECECEC (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): #00DFA2, #141414, #1DA1F2, #3F3D56, #ECECEC, #FF7E67, #FFD60A

Palette Semantic Hyperlink Gradient Grid has combination of 7 codes colors:
HEX: #1da1f2, RGB: (29, 161, 242); HEX: #ff7e67, RGB: (255, 126, 103); HEX: #00dfa2, RGB: (0, 223, 162)
HEX: #ececec, RGB: (236, 236, 236); HEX: #3f3d56, RGB: (63, 61, 86); HEX: #ffd60a, RGB: (255, 214, 10)
HEX: #141414, RGB: (20, 20, 20)
Simplified version of palette colors
Shade of dodgerblue, Tint of salmon, Tint of mediumaquamarine, Tint of whitesmoke, Tint of darkslateblue, Shade of gold, Shade of Black
Color scheme was created by hex

Colors codes in palette

Semantic Hyperlink Gradient Grid color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1da1f2 #1da1f2 RGB(29, 161, 242)Hyperlink Blue—
#ff7e67 #ff7e67 RGB(255, 126, 103)Gradient Coral—
#00dfa2 #00dfa2 RGB(0, 223, 162)Semantic Mint—
#ececec #ececec RGB(236, 236, 236)UI Grey—
#3f3d56 #3f3d56 RGB(63, 61, 86)Overlay Indigo—
#ffd60a #ffd60a RGB(255, 214, 10)Highlight Yellow—
#141414 #141414 RGB(20, 20, 20)Recursive BlackSooty

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1da1f2
#ff7e67
1.13
#1da1f2
#00dfa2
1.62
#ff7e67
#00dfa2
1.43
#ff7e67
#ffd60a
1.76
#00dfa2
#ececec
1.47
#00dfa2
#ffd60a
1.23

Image palette Semantic Hyperlink Gradient Grid png

Semantic Hyperlink Gradient Grid - #561725
 Download image