Created at 08/24/2025 17:45
  26

Quantum UI Toolkit Analysis Framework

  • Quantum Cyan
    #18ffff
  • Insight Yellow
    #ffeb3b
  • Neural Indigo
    #3d5afe
  • Overlay Peach
    #ffb74d
  • Canvas White
    #fbfbfb
  • Focus Graphite
    #2c2c2c
The palette consists of Light, Semi dark, Dark colors. Accent colors Quantum Cyan #18ffff and Insight Yellow #ffeb3b. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2C2C2C (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #18FFFF, #2C2C2C, #3D5AFE, #FBFBFB, #FFB74D, #FFEB3B

Palette Quantum UI Toolkit Analysis Framework has combination of 6 codes colors:
HEX: #18ffff, RGB: (24, 255, 255); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #3d5afe, RGB: (61, 90, 254)
HEX: #ffb74d, RGB: (255, 183, 77); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #2c2c2c, RGB: (44, 44, 44)
Simplified version of palette colors
Shade of cyan, Tint of Yellow, Tint of royalblue, Shade of Orange, Tint of White, Shade of Black
Color scheme was created by palettespicker

Colors codes in palette

Quantum UI Toolkit Analysis Framework color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#18ffff #18ffff RGB(24, 255, 255)Quantum Cyan
#ffeb3b #ffeb3b RGB(255, 235, 59)Insight Yellow
#3d5afe #3d5afe RGB(61, 90, 254)Neural Indigo
#ffb74d #ffb74d RGB(255, 183, 77)Overlay Peach
#fbfbfb #fbfbfb RGB(251, 251, 251)Canvas WhiteWhiteout
#2c2c2c #2c2c2c RGB(44, 44, 44)Focus Graphite

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#18ffff
#ffeb3b
1.02
#18ffff
#ffb74d
1.38
#18ffff
#fbfbfb
1.2
#ffeb3b
#ffb74d
1.41
#ffeb3b
#fbfbfb
1.17
#ffb74d
#fbfbfb
1.67

Image palette Quantum UI Toolkit Analysis Framework png