Loading...
Created at 06/16/2025 20:05
JavaScript Cloud Framework UI
- Async Blue#005cff
- Function White#ffffff
- Callstack Purple#7b61ff
- Runtime Amber#ffc857
- DOM Seafoam#a1e3d8
- Hover Gray#f4f4f4
- Breakpoint Black#2e2e2e
The palette consists of Semi dark, Light, Dark colors. Accent colors Callstack Purple #7b61ff and Runtime Amber #ffc857. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #2E2E2E (darkest) to #FFFFFF (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): #005CFF, #2E2E2E, #7B61FF, #A1E3D8, #F4F4F4, #FFC857, #FFFFFF
Palette JavaScript Cloud Framework UI has combination of 7 codes colors:
HEX: #005cff, RGB: (0, 92, 255); HEX: #ffffff, RGB: (255, 255, 255); HEX: #7b61ff, RGB: (123, 97, 255)
HEX: #ffc857, RGB: (255, 200, 87); HEX: #a1e3d8, RGB: (161, 227, 216); HEX: #f4f4f4, RGB: (244, 244, 244)
HEX: #2e2e2e, RGB: (46, 46, 46)
Simplified version of palette colors
Tint of royalblue, White, Tint of mediumslateblue, Shade of gold, Tint of paleturquoise, Tint of whitesmoke, Shade of Black
Color scheme was created by bad_colors
Colors codes in palette
JavaScript Cloud Framework UI color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #005cff | #005cff | RGB(0, 92, 255) | Async Blue | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Function White | White |
| #7b61ff | #7b61ff | RGB(123, 97, 255) | Callstack Purple | — |
| #ffc857 | #ffc857 | RGB(255, 200, 87) | Runtime Amber | — |
| #a1e3d8 | #a1e3d8 | RGB(161, 227, 216) | DOM Seafoam | — |
| #f4f4f4 | #f4f4f4 | RGB(244, 244, 244) | Hover Gray | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Breakpoint Black | Carbon Fiber |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#005cff | #7b61ff | 1.25 |
#ffffff | #ffc857 | 1.53 |
#ffffff | #a1e3d8 | 1.44 |
#ffffff | #f4f4f4 | 1.09 |
#ffc857 | #a1e3d8 | 1.06 |
#ffc857 | #f4f4f4 | 1.39 |
Image palette JavaScript Cloud Framework UI png
Export Palette
Download the "JavaScript Cloud Framework UI" in multiple formats for seamless integration into your design projects.
Available formats: