Generate Palette
  1. Colors palettes
  2. Hyperlink React Dashboard Vision
Created at 08/18/2025 08:33
byraccoon
  16

Hyperlink React Dashboard Vision

  • Link Violet
    #8b5cf6
  • Pixel Peach
    #fdba74
  • Virtual Sand
    #fcd34d
  • Code Panel Black
    #0f172a
  • API Lime
    #84cc16
  • Soft UI Gray
    #f3f4f6
The palette consists of Light, Dark colors. Accent colors Link Violet #8b5cf6 and Pixel Peach #fdba74. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #0F172A (darkest) to #F3F4F6 (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 warm.

HEX codes (sorted): #0F172A, #84CC16, #8B5CF6, #F3F4F6, #FCD34D, #FDBA74

Palette Hyperlink React Dashboard Vision has combination of 6 codes colors:
HEX: #8b5cf6, RGB: (139, 92, 246); HEX: #fdba74, RGB: (253, 186, 116); HEX: #fcd34d, RGB: (252, 211, 77)
HEX: #0f172a, RGB: (15, 23, 42); HEX: #84cc16, RGB: (132, 204, 22); HEX: #f3f4f6, RGB: (243, 244, 246)
Simplified version of palette colors
Tint of mediumslateblue, Shade of sandybrown, Shade of gold, Shade of Black, Tint of Yellowgreen, Tint of whitesmoke
Color scheme was created by raccoon

Colors codes in palette

Hyperlink React Dashboard Vision color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#8b5cf6 #8b5cf6 RGB(139, 92, 246)Link Violet—
#fdba74 #fdba74 RGB(253, 186, 116)Pixel Peach—
#fcd34d #fcd34d RGB(252, 211, 77)Virtual Sand—
#0f172a #0f172a RGB(15, 23, 42)Code Panel Black—
#84cc16 #84cc16 RGB(132, 204, 22)API Lime—
#f3f4f6 #f3f4f6 RGB(243, 244, 246)Soft UI Gray—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fdba74
#fcd34d
1.16
#fdba74
#84cc16
1.17
#fdba74
#f3f4f6
1.53
#fcd34d
#84cc16
1.37
#fcd34d
#f3f4f6
1.31
#84cc16
#f3f4f6
1.79

Image palette Hyperlink React Dashboard Vision png

Hyperlink React Dashboard Vision - #558644
 Download image