Generate Palette
  1. Colors palettes
  2. Hyperlink UI Interaction Suite
Created at 06/30/2025 17:45
bypalettespicker
  6

Hyperlink UI Interaction Suite

  • Click Indigo
    #4339f2
  • Hover Pink
    #ff5ca8
  • Visited Blue
    #0077cc
  • Focus Cream
    #fffdf5
  • Target Grey
    #6e7a8a
  • Panel Beige
    #f4f1de
The palette consists of Light, Semi dark colors. Accent colors Visited Blue #0077cc and Focus Cream #fffdf5. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #0077CC (darkest) to #FFFDF5 (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): #0077CC, #4339F2, #6E7A8A, #F4F1DE, #FF5CA8, #FFFDF5

Palette Hyperlink UI Interaction Suite has combination of 6 codes colors:
HEX: #4339f2, RGB: (67, 57, 242); HEX: #ff5ca8, RGB: (255, 92, 168); HEX: #0077cc, RGB: (0, 119, 204)
HEX: #fffdf5, RGB: (255, 253, 245); HEX: #6e7a8a, RGB: (110, 122, 138); HEX: #f4f1de, RGB: (244, 241, 222)
Simplified version of palette colors
Shade of Blue, Tint of hotpink, Tint of steelblue, Shade of floralwhite, Tint of slategrey, Tint of beige
Color scheme was created by palettespicker

Colors codes in palette

Hyperlink UI Interaction Suite color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4339f2 #4339f2 RGB(67, 57, 242)Click Indigo—
#ff5ca8 #ff5ca8 RGB(255, 92, 168)Hover Pink—
#0077cc #0077cc RGB(0, 119, 204)Visited Blue—
#fffdf5 #fffdf5 RGB(255, 253, 245)Focus Cream—
#6e7a8a #6e7a8a RGB(110, 122, 138)Target Grey—
#f4f1de #f4f1de RGB(244, 241, 222)Panel Beige—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4339f2
#0077cc
1.45
#4339f2
#6e7a8a
1.54
#ff5ca8
#0077cc
1.62
#ff5ca8
#6e7a8a
1.52
#0077cc
#6e7a8a
1.06
#fffdf5
#f4f1de
1.11

Image palette Hyperlink UI Interaction Suite png

Hyperlink UI Interaction Suite - #553360
 Download image