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.
By lightness, this palette runs from #2F2D2E (darkest) to #FAFAFB (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
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): #0BC9CD, #2F2D2E, #3D348B, #A4FF00, #DBD5B5, #FAFAFB
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 |
Image palette React Quantum AI Toolkit png
Export Palette
Download the "React Quantum AI Toolkit" in multiple formats for seamless integration into your design projects.
Available formats: