Generate Palette
  1. Colors palettes
  2. React Fiber Interactive Dashboard
Created at 09/14/2025 18:16
byhex
  11

React Fiber Interactive Dashboard

  • Fiber Violet
    #7b2cbf
  • Hook Lime
    #c9e265
  • Async Pink
    #f72585
  • Panel White
    #fbfbfb
  • Render Blue
    #118ab2
  • Virtual DOM Gray
    #9ca3af
  • Console Black
    #202020
The palette consists of Light, Semi dark, Dark colors. Accent colors Async Pink #f72585 and Render Blue #118ab2. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #202020 (darkest) to #FBFBFB (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): #118AB2, #202020, #7B2CBF, #9CA3AF, #C9E265, #F72585, #FBFBFB

Palette React Fiber Interactive Dashboard has combination of 7 codes colors:
HEX: #7b2cbf, RGB: (123, 44, 191); HEX: #c9e265, RGB: (201, 226, 101); HEX: #f72585, RGB: (247, 37, 133)
HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #118ab2, RGB: (17, 138, 178); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #202020, RGB: (32, 32, 32)
Simplified version of palette colors
Shade of darkviolet, Shade of Yellowgreen, Shade of deeppink, Tint of White, Tint of steelblue, Tint of darkgrey, Shade of Black
Color scheme was created by hex

Colors codes in palette

React Fiber Interactive Dashboard color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#7b2cbf #7b2cbf RGB(123, 44, 191)Fiber Violet—
#c9e265 #c9e265 RGB(201, 226, 101)Hook Lime—
#f72585 #f72585 RGB(247, 37, 133)Async Pink—
#fbfbfb #fbfbfb RGB(251, 251, 251)Panel WhiteWhiteout
#118ab2 #118ab2 RGB(17, 138, 178)Render Blue—
#9ca3af #9ca3af RGB(156, 163, 175)Virtual DOM Gray—
#202020 #202020 RGB(32, 32, 32)Console Black—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#7b2cbf
#f72585
1.88
#7b2cbf
#118ab2
1.79
#c9e265
#fbfbfb
1.39
#c9e265
#9ca3af
1.75
#f72585
#118ab2
1.04
#f72585
#9ca3af
1.48

Image palette React Fiber Interactive Dashboard png

React Fiber Interactive Dashboard - #560370
 Download image