Created at 07/22/2025 17:02
Quantum UI Web Toolkit Palette
Qubit Blue
#0077ff
Superposition Pink
#ff8ca3
Entangle Gray
#c5c6c7
Neural White
#f8f9fa
Tensor Orange
#ff9f1c
Hyperlink Indigo
#3f51b5
Deco Graphite
#2a2b2e
The palette consists of Light, Semi dark, Dark colors. Accent colors Qubit Blue #0077ff and Superposition Pink #ff8ca3. Palette has Cool, Warm, Neutral colors temperature.
Palette Quantum UI Web Toolkit Palette has combination of 7 codes colors:
HEX: #0077ff, RGB: (0, 119, 255); HEX: #ff8ca3, RGB: (255, 140, 163); HEX: #c5c6c7, RGB: (197, 198, 199)
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #ff9f1c, RGB: (255, 159, 28); HEX: #3f51b5, RGB: (63, 81, 181)
HEX: #2a2b2e, RGB: (42, 43, 46)
Simplified version of palette colors
Tint of royalblue, Shade of lightcoral, Shade of Silver, Shade of whitesmoke, Tint of Orange, Tint of slateblue, Shade of Black
Color scheme was created by colorhunt
Colors codes in palette
Quantum UI Web Toolkit Palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #0077ff | #0077ff | RGB(0, 119, 255) | Qubit Blue | Blue Sparkle |
| #ff8ca3 | #ff8ca3 | RGB(255, 140, 163) | Superposition Pink | — |
| #c5c6c7 | #c5c6c7 | RGB(197, 198, 199) | Entangle Gray | Glacier Grey |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Neural White | — |
| #ff9f1c | #ff9f1c | RGB(255, 159, 28) | Tensor Orange | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Hyperlink Indigo | — |
| #2a2b2e | #2a2b2e | RGB(42, 43, 46) | Deco Graphite | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#0077ff | #ff8ca3 | 1.87 |
#0077ff | #3f51b5 | 1.66 |
#ff8ca3 | #c5c6c7 | 1.28 |
#ff8ca3 | #ff9f1c | 1.07 |
#c5c6c7 | #f8f9fa | 1.62 |
#c5c6c7 | #ff9f1c | 1.2 |
Image palette Quantum UI Web Toolkit Palette png
Export Palette
Download the "Quantum UI Web Toolkit Palette" in multiple formats for seamless integration into your design projects.
Available formats: