Created at 07/11/2025 21:24
JavaScript Frontend Spectrum
ES6 Yellow
#ffdd57
React Sky
#61dafb
Async Purple
#7e5bef
Transpile Slate
#444e56
Compile Mint
#98f5e1
Node Green
#68a063
Babel Flame
#ff6b35
The palette consists of Light colors. Accent colors ES6 Yellow #ffdd57 and React Sky #61dafb. Palette has Warm, Cool, Neutral colors temperature.
Palette JavaScript Frontend Spectrum has combination of 7 codes colors:
HEX: #ffdd57, RGB: (255, 221, 87); HEX: #61dafb, RGB: (97, 218, 251); HEX: #7e5bef, RGB: (126, 91, 239)
HEX: #444e56, RGB: (68, 78, 86); HEX: #98f5e1, RGB: (152, 245, 225); HEX: #68a063, RGB: (104, 160, 99)
HEX: #ff6b35, RGB: (255, 107, 53)
Simplified version of palette colors
Shade of gold, Tint of skyblue, Tint of mediumslateblue, Shade of darkslategrey, Shade of aquamarine, Shade of mediumseagreen, Tint of coral
Color scheme was created by colourlock
Colors codes in palette
JavaScript Frontend Spectrum color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffdd57 | #ffdd57 | RGB(255, 221, 87) | ES6 Yellow | — |
| #61dafb | #61dafb | RGB(97, 218, 251) | React Sky | — |
| #7e5bef | #7e5bef | RGB(126, 91, 239) | Async Purple | — |
| #444e56 | #444e56 | RGB(68, 78, 86) | Transpile Slate | — |
| #98f5e1 | #98f5e1 | RGB(152, 245, 225) | Compile Mint | — |
| #68a063 | #68a063 | RGB(104, 160, 99) | Node Green | — |
| #ff6b35 | #ff6b35 | RGB(255, 107, 53) | Babel Flame | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffdd57 | #61dafb | 1.21 |
#ffdd57 | #98f5e1 | 1.04 |
#61dafb | #98f5e1 | 1.27 |
#61dafb | #68a063 | 1.9 |
#61dafb | #ff6b35 | 1.74 |
#7e5bef | #444e56 | 1.87 |
