Created at 06/25/2025 17:56
Frontend Developer Pro Toolkit
Refactor Rose
#ffadad
Console Gray
#232323
Deploy Blue
#118ab2
Live Reload Yellow
#ffdd4a
Debug Teal
#00c2a8
Break Line Cream
#f9f9f9
The palette consists of Light, Dark colors. Accent colors Live Reload Yellow #ffdd4a and Debug Teal #00c2a8. Palette has Warm, Neutral, Cool colors temperature.
Palette Frontend Developer Pro Toolkit has combination of 6 codes colors:
HEX: #ffadad, RGB: (255, 173, 173); HEX: #232323, RGB: (35, 35, 35); HEX: #118ab2, RGB: (17, 138, 178)
HEX: #ffdd4a, RGB: (255, 221, 74); HEX: #00c2a8, RGB: (0, 194, 168); HEX: #f9f9f9, RGB: (249, 249, 249)
Simplified version of palette colors
Tint of lightpink, Shade of Black, Tint of steelblue, Shade of gold, Tint of mediumaquamarine, Shade of whitesmoke
Color scheme was created by hex
Colors codes in palette
Frontend Developer Pro Toolkit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffadad | #ffadad | RGB(255, 173, 173) | Refactor Rose | — |
| #232323 | #232323 | RGB(35, 35, 35) | Console Gray | Young Night |
| #118ab2 | #118ab2 | RGB(17, 138, 178) | Deploy Blue | — |
| #ffdd4a | #ffdd4a | RGB(255, 221, 74) | Live Reload Yellow | — |
| #00c2a8 | #00c2a8 | RGB(0, 194, 168) | Debug Teal | — |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Break Line Cream | Doctor |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffadad | #ffdd4a | 1.32 |
#ffadad | #00c2a8 | 1.27 |
#ffadad | #f9f9f9 | 1.68 |
#118ab2 | #00c2a8 | 1.75 |
#ffdd4a | #00c2a8 | 1.69 |
#ffdd4a | #f9f9f9 | 1.27 |
Image palette Frontend Developer Pro Toolkit png
Export Palette
Download the "Frontend Developer Pro Toolkit" in multiple formats for seamless integration into your design projects.
Available formats: