Generate Palette
  1. Color Palettes
  2. Quantum State React Dashboard

Quantum State React Dashboard

  • Quantum Violet
    #7c3aed
  • Logic Gate Teal
    #0d9488
  • Orbit Coral
    #fb7185
  • Neutrino Silver
    #d1d5db
  • Data Grid Black
    #111827
  • Code Panel White
    #f5f5f5
  • Browser Green
    #22c55e
  26
Created at 09/19/2025 21:55
bypalettespicker
The palette consists of Semi dark, Light, Dark colors. Accent colors Logic Gate Teal #0d9488 and Orbit Coral #fb7185. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #111827 (darkest) to #F5F5F5 (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.

Overall temperature among swatches leans cool (4 of 7).

HEX codes (sorted): #0D9488, #111827, #22C55E, #7C3AED, #D1D5DB, #F5F5F5, #FB7185

Palette Quantum State React Dashboard combines 7 color codes:
HEX: #7c3aed, RGB: (124, 58, 237); HEX: #0d9488, RGB: (13, 148, 136); HEX: #fb7185, RGB: (251, 113, 133)
HEX: #d1d5db, RGB: (209, 213, 219); HEX: #111827, RGB: (17, 24, 39); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #22c55e, RGB: (34, 197, 94)
Simplified version of palette colors
Tint of Blue Violet, Tint of Dark Cyan, Shade of Light Coral, Tint of Light Gray, Tint of Black, White Smoke, Shade of Lime Green
Color scheme was created by palettespicker

Color codes in palette

Quantum State React Dashboard color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#7c3aed #7c3aed RGB(124, 58, 237)Quantum Violet—
#0d9488 #0d9488 RGB(13, 148, 136)Logic Gate Teal—
#fb7185 #fb7185 RGB(251, 113, 133)Orbit Coral—
#d1d5db #d1d5db RGB(209, 213, 219)Neutrino Silver—
#111827 #111827 RGB(17, 24, 39)Data Grid Black—
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Code Panel WhiteWhitesmoke
#22c55e #22c55e RGB(34, 197, 94)Browser Green—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#7c3aed
#0d9488
1.52
#0d9488
#fb7185
1.39
#0d9488
#22c55e
1.64
#fb7185
#d1d5db
1.82
#fb7185
#22c55e
1.18
#d1d5db
#f5f5f5
1.35

Image palette Quantum State React Dashboard png

Quantum State React Dashboard color palette: Quantum Violet, Logic Gate Teal, Orbit Coral, Neutrino Silver, Data Grid Black
 Download image