Generate Palette
  1. Color Palettes
  2. Quantum Flow UX Panel

Quantum Flow UX Panel

  • Quantum Blue
    #0077b6
  • Flow Yellow
    #fee440
  • UX Coral
    #ff6b6b
  • Panel Violet
    #6930c3
  • Surface Black
    #202020
  6
Created at 08/16/2025 11:46
bycolourlock
The palette consists of Semi dark, Light, Dark colors. Accent colors Quantum Blue #0077b6 and UX Coral #ff6b6b. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #202020 (darkest) to #FEE440 (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 80% 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): #0077B6, #202020, #6930C3, #FEE440, #FF6B6B

Palette Quantum Flow UX Panel combines 5 color codes:
HEX: #0077b6, RGB: (0, 119, 182); HEX: #fee440, RGB: (254, 228, 64); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #6930c3, RGB: (105, 48, 195); HEX: #202020, RGB: (32, 32, 32)
Simplified version of palette colors
Shade of Steel Blue, Tint of Gold, Shade of Salmon, Shade of Blue Violet, Tint of Black
Color scheme was created by colourlock

Color codes in palette

Quantum Flow UX Panel color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#0077b6#0077b6RGB(0, 119, 182)Quantum Blue—
#fee440#fee440RGB(254, 228, 64)Flow Yellow—
#ff6b6b#ff6b6bRGB(255, 107, 107)UX Coral—
#6930c3#6930c3RGB(105, 48, 195)Panel Violet—
#202020#202020RGB(32, 32, 32)Surface Black—

Color Palette Contrast

2 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#0077b6
#ff6b6b
1.75
#0077b6
#6930c3
1.53

Image palette Quantum Flow UX Panel png

Quantum Flow UX Panel color palette: Quantum Blue, Flow Yellow, UX Coral, Panel Violet, Surface Black
 Download image