Created at 08/19/2025 17:07
Quantum Web Components Spectrum
Qubit Indigo
#5a4fcf
Hyperlink Teal
#00a8e8
Gradient Coral
#ff7b9c
System Black
#16161a
Grid White
#f8f9fa
Token Gold
#ffc300
Vector Green
#2ec4b6
The palette consists of Semi dark, Light, Dark colors. Accent colors Hyperlink Teal #00a8e8 and Token Gold #ffc300. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #16161A (darkest) to #F8F9FA (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).
Overall temperature among swatches leans cool.
HEX codes (sorted): #00A8E8, #16161A, #2EC4B6, #5A4FCF, #F8F9FA, #FF7B9C, #FFC300
Palette Quantum Web Components Spectrum has combination of 7 codes colors:
HEX: #5a4fcf, RGB: (90, 79, 207); HEX: #00a8e8, RGB: (0, 168, 232); HEX: #ff7b9c, RGB: (255, 123, 156)
HEX: #16161a, RGB: (22, 22, 26); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #ffc300, RGB: (255, 195, 0)
HEX: #2ec4b6, RGB: (46, 196, 182)
Simplified version of palette colors
Tint of slateblue, Tint of deepskyblue, Shade of palevioletred, Shade of Black, Shade of whitesmoke, Tint of gold, Tint of mediumturquoise
Color scheme was created by colorhunt
Colors codes in palette
Quantum Web Components Spectrum color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #5a4fcf | #5a4fcf | RGB(90, 79, 207) | Qubit Indigo | Iris |
| #00a8e8 | #00a8e8 | RGB(0, 168, 232) | Hyperlink Teal | — |
| #ff7b9c | #ff7b9c | RGB(255, 123, 156) | Gradient Coral | — |
| #16161a | #16161a | RGB(22, 22, 26) | System Black | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Grid White | — |
| #ffc300 | #ffc300 | RGB(255, 195, 0) | Token Gold | Lemon Chrome |
| #2ec4b6 | #2ec4b6 | RGB(46, 196, 182) | Vector Green | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#00a8e8 | #ff7b9c | 1.1 |
#00a8e8 | #ffc300 | 1.68 |
#00a8e8 | #2ec4b6 | 1.24 |
#ff7b9c | #ffc300 | 1.52 |
#ff7b9c | #2ec4b6 | 1.13 |
#f8f9fa | #ffc300 | 1.52 |
Image palette Quantum Web Components Spectrum png
Export Palette
Download the "Quantum Web Components Spectrum" in multiple formats for seamless integration into your design projects.
Available formats: