Generate Palette
  1. Colors palettes
  2. Hyperlink Responsive Design Toolkit
Created at 07/12/2025 19:57
bycolorscheme
  6

Hyperlink Responsive Design Toolkit

  • Anchor Blue
    #0077ff
  • Hover Coral
    #ff715b
  • Focus Graphite
    #2d2d2d
  • Visited Violet
    #8a4fff
  • Breakpoint Teal
    #00c9a7
  • Outline Snow
    #f9f9f9
  • Wireframe Olive
    #a4b764
The palette consists of Light, Dark colors. Accent colors Hover Coral #ff715b and Breakpoint Teal #00c9a7. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2D2D2D (darkest) to #F9F9F9 (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): #0077FF, #00C9A7, #2D2D2D, #8A4FFF, #A4B764, #F9F9F9, #FF715B

Palette Hyperlink Responsive Design Toolkit has combination of 7 codes colors:
HEX: #0077ff, RGB: (0, 119, 255); HEX: #ff715b, RGB: (255, 113, 91); HEX: #2d2d2d, RGB: (45, 45, 45)
HEX: #8a4fff, RGB: (138, 79, 255); HEX: #00c9a7, RGB: (0, 201, 167); HEX: #f9f9f9, RGB: (249, 249, 249)
HEX: #a4b764, RGB: (164, 183, 100)
Simplified version of palette colors
Tint of royalblue, Shade of tomato, Shade of Black, Tint of mediumslateblue, Tint of mediumaquamarine, Shade of whitesmoke, Tint of darkkhaki
Color scheme was created by colorscheme

Colors codes in palette

Hyperlink Responsive Design Toolkit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0077ff #0077ff RGB(0, 119, 255)Anchor BlueBlue Sparkle
#ff715b #ff715b RGB(255, 113, 91)Hover Coral—
#2d2d2d #2d2d2d RGB(45, 45, 45)Focus Graphite—
#8a4fff #8a4fff RGB(138, 79, 255)Visited Violet—
#00c9a7 #00c9a7 RGB(0, 201, 167)Breakpoint Teal—
#f9f9f9 #f9f9f9 RGB(249, 249, 249)Outline SnowDoctor
#a4b764 #a4b764 RGB(164, 183, 100)Wireframe Olive—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0077ff
#ff715b
1.52
#0077ff
#8a4fff
1.09
#0077ff
#00c9a7
1.95
#0077ff
#a4b764
1.87
#ff715b
#8a4fff
1.67
#ff715b
#00c9a7
1.27

Image palette Hyperlink Responsive Design Toolkit png

Hyperlink Responsive Design Toolkit - #555168
 Download image