Created at 06/11/2025 12:20
DevTools Debugger UI Set
Console Charcoal
#1d1d1d
Breakpoint Blue
#5da9e9
Stacktrace Sand
#f4e1d2
Warning Yellow
#f9d342
Inspect Ice
#dee7e7
HotReload Red
#f25f5c
The palette consists of Dark, Light colors. Accent colors Breakpoint Blue #5da9e9 and Warning Yellow #f9d342. Palette has Neutral, Cool, Warm colors temperature.
Palette DevTools Debugger UI Set has combination of 6 codes colors:
HEX: #1d1d1d, RGB: (29, 29, 29); HEX: #5da9e9, RGB: (93, 169, 233); HEX: #f4e1d2, RGB: (244, 225, 210)
HEX: #f9d342, RGB: (249, 211, 66); HEX: #dee7e7, RGB: (222, 231, 231); HEX: #f25f5c, RGB: (242, 95, 92)
Simplified version of palette colors
Shade of Black, Shade of cornflowerblue, Tint of antiquewhite, Shade of gold, Shade of gainsboro, Tint of salmon
Color scheme was created by coolor
Colors codes in palette
DevTools Debugger UI Set color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #1d1d1d | #1d1d1d | RGB(29, 29, 29) | Console Charcoal | — |
| #5da9e9 | #5da9e9 | RGB(93, 169, 233) | Breakpoint Blue | — |
| #f4e1d2 | #f4e1d2 | RGB(244, 225, 210) | Stacktrace Sand | — |
| #f9d342 | #f9d342 | RGB(249, 211, 66) | Warning Yellow | — |
| #dee7e7 | #dee7e7 | RGB(222, 231, 231) | Inspect Ice | — |
| #f25f5c | #f25f5c | RGB(242, 95, 92) | HotReload Red | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#5da9e9 | #f4e1d2 | 1.98 |
#5da9e9 | #f9d342 | 1.73 |
#5da9e9 | #f25f5c | 1.26 |
#f4e1d2 | #f9d342 | 1.14 |
#f4e1d2 | #dee7e7 | 1 |
#f9d342 | #dee7e7 | 1.15 |
Image palette DevTools Debugger UI Set png
Export Palette
Download the "DevTools Debugger UI Set" in multiple formats for seamless integration into your design projects.
Available formats: