Created at 07/08/2025 08:34
React Quantum AI Toolkit
Quantum Indigo
#3d348b
JS Signal Lime
#a4ff00
Component Clay
#dbd5b5
State Chart Cyan
#0bc9cd
Synthetic Shadow
#2f2d2e
Virtual Paper
#fafafb
The palette consists of Light, Dark colors. Accent colors Quantum Indigo #3d348b and JS Signal Lime #a4ff00. Palette has Cool, Warm, Neutral colors temperature.
Palette React Quantum AI Toolkit has combination of 6 codes colors:
HEX: #3d348b, RGB: (61, 52, 139); HEX: #a4ff00, RGB: (164, 255, 0); HEX: #dbd5b5, RGB: (219, 213, 181)
HEX: #0bc9cd, RGB: (11, 201, 205); HEX: #2f2d2e, RGB: (47, 45, 46); HEX: #fafafb, RGB: (250, 250, 251)
Simplified version of palette colors
Tint of darkslateblue, Tint of greenyellow, Tint of wheat, Tint of darkturquoise, Shade of Black, Shade of whitesmoke
Color scheme was created by coolor
Colors codes in palette
React Quantum AI Toolkit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3d348b | #3d348b | RGB(61, 52, 139) | Quantum Indigo | — |
| #a4ff00 | #a4ff00 | RGB(164, 255, 0) | JS Signal Lime | — |
| #dbd5b5 | #dbd5b5 | RGB(219, 213, 181) | Component Clay | — |
| #0bc9cd | #0bc9cd | RGB(11, 201, 205) | State Chart Cyan | — |
| #2f2d2e | #2f2d2e | RGB(47, 45, 46) | Synthetic Shadow | — |
| #fafafb | #fafafb | RGB(250, 250, 251) | Virtual Paper | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3d348b | #2f2d2e | 1.34 |
#a4ff00 | #dbd5b5 | 1.18 |
#a4ff00 | #0bc9cd | 1.64 |
#a4ff00 | #fafafb | 1.19 |
#dbd5b5 | #0bc9cd | 1.38 |
#dbd5b5 | #fafafb | 1.41 |
