Loading...
Created at 07/22/2025 16:53
JavaScript Hyperlink Prototype Kit
- Async Purple#9d4edd
- Hover Teal#00ced1
- DOM White#ffffff
- Breakpoint Yellow#ffee58
- Null Black#212121
- Object Blue#3d5afe
- Event Peach#ffb997
The palette consists of Light, Dark, Semi dark colors. Accent colors Hover Teal #00ced1 and Breakpoint Yellow #ffee58. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #212121 (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): #00CED1, #212121, #3D5AFE, #9D4EDD, #FFB997, #FFEE58, #FFFFFF
Palette JavaScript Hyperlink Prototype Kit has combination of 7 codes colors:
HEX: #9d4edd, RGB: (157, 78, 221); HEX: #00ced1, RGB: (0, 206, 209); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #ffee58, RGB: (255, 238, 88); HEX: #212121, RGB: (33, 33, 33); HEX: #3d5afe, RGB: (61, 90, 254)
HEX: #ffb997, RGB: (255, 185, 151)
Simplified version of palette colors
Shade of darkorchid, White, Shade of Yellow, Shade of Black, Tint of royalblue, Shade of lightsalmon
Color scheme was created by colourlock
Colors codes in palette
JavaScript Hyperlink Prototype Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #9d4edd | #9d4edd | RGB(157, 78, 221) | Async Purple | — |
| #00ced1 | #00ced1 | RGB(0, 206, 209) | Hover Teal | Jade Glass |
| #ffffff | #ffffff | RGB(255, 255, 255) | DOM White | White |
| #ffee58 | #ffee58 | RGB(255, 238, 88) | Breakpoint Yellow | — |
| #212121 | #212121 | RGB(33, 33, 33) | Null Black | Lead |
| #3d5afe | #3d5afe | RGB(61, 90, 254) | Object Blue | — |
| #ffb997 | #ffb997 | RGB(255, 185, 151) | Event Peach | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#9d4edd | #3d5afe | 1.11 |
#00ced1 | #ffffff | 1.95 |
#00ced1 | #ffee58 | 1.63 |
#00ced1 | #ffb997 | 1.17 |
#ffffff | #ffee58 | 1.19 |
#ffffff | #ffb997 | 1.66 |
Image palette JavaScript Hyperlink Prototype Kit png
Export Palette
Download the "JavaScript Hyperlink Prototype Kit" in multiple formats for seamless integration into your design projects.
Available formats: