Generate Palette
  1. Color Palettes
  2. React Fiber Interactive Dashboard

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
  11
Created at 09/14/2025 18:16
byhex
The palette consists of Semi dark, Light, 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) — 57% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

HEX codes (sorted): #118AB2, #202020, #7B2CBF, #9CA3AF, #C9E265, #F72585, #FBFBFB

Palette React Fiber Interactive Dashboard combines 7 color codes:
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
Tint of Dark Violet, Tint of Yellow Green, Tint of Deep Pink, Shade of White, Shade of Steel Blue, Shade of Dark Gray, Tint of Black
Color scheme was created by hex

Color 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 color palette: Fiber Violet, Hook Lime, Async Pink, Panel White, Render Blue
 Download image