Created at 08/11/2025 09:51
Quantum Component UI Kit
Photon Blue
#2e8bc0
Atomic Tangerine
#ff6f3c
Interface Gray
#cccccc
Grid Mint
#9cf6f6
Shadow Violet
#8e7cc3
System White
#ffffff
Orbit Black
#0a0a0a
Interaction Rose
#ff5a5f
The palette consists of Light, Dark colors. Accent colors Atomic Tangerine #ff6f3c and Grid Mint #9cf6f6. Palette has Cool, Warm, Neutral colors temperature.
Palette Quantum Component UI Kit has combination of 8 codes colors:
HEX: #2e8bc0, RGB: (46, 139, 192); HEX: #ff6f3c, RGB: (255, 111, 60); HEX: #cccccc, RGB: (204, 204, 204)
HEX: #9cf6f6, RGB: (156, 246, 246); HEX: #8e7cc3, RGB: (142, 124, 195); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #0a0a0a, RGB: (10, 10, 10); HEX: #ff5a5f, RGB: (255, 90, 95)
Simplified version of palette colors
Tint of steelblue, Tint of coral, Tint of lightgrey, Tint of paleturquoise, Shade of mediumpurple, White, Shade of Black, Tint of salmon
Color scheme was created by coolor
Colors codes in palette
Quantum Component UI Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2e8bc0 | #2e8bc0 | RGB(46, 139, 192) | Photon Blue | — |
| #ff6f3c | #ff6f3c | RGB(255, 111, 60) | Atomic Tangerine | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Interface Gray | Cerebral Grey |
| #9cf6f6 | #9cf6f6 | RGB(156, 246, 246) | Grid Mint | — |
| #8e7cc3 | #8e7cc3 | RGB(142, 124, 195) | Shadow Violet | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | System White | White |
| #0a0a0a | #0a0a0a | RGB(10, 10, 10) | Orbit Black | Existential Angst |
| #ff5a5f | #ff5a5f | RGB(255, 90, 95) | Interaction Rose | — |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2e8bc0 | #ff6f3c | 1.36 |
#2e8bc0 | #8e7cc3 | 1.04 |
#2e8bc0 | #ff5a5f | 1.23 |
#ff6f3c | #cccccc | 1.72 |
#ff6f3c | #8e7cc3 | 1.3 |
#ff6f3c | #ff5a5f | 1.1 |
